Mẫu 404 Cực Đẹp Dành Cho Blogger/Blogspot


Một chút demo cho các bạn nè

Cách làm như sau
Các bạn chèn mã HTML dưới đây vào chỗ cần hiển thị

<div class="page-404">
<div class="image-404">
<img alt="404" class="img-responsive center-block" src="https://1.bp.blogspot.com/-GI2kX59Ptho/XPiQQkhBQqI/AAAAAAAAIww/CtNYD0q6NgwE3Lee719T0oyY35xNhQzPQCLcBGAs/s1600/404.png"></div>
<h1>Lỗi không tìm thấy trang</h1>
<span>Có vẻ như các trang mà bạn đang cố gắng tiếp cận không tồn tại nữa hoặc có thể nó vừa di chuyển.</span>
  <div class='mt-5'>
<a class="button" href="/" title="Về trang chủ"><i class="ion ion-md-home"></i> Về trang chủ</a>
</div>
</div>


Tiếp đó các bạn chèn đoạn CSS dưới đây vào lên trên thẻ ]]><b:skin> hoặc chèn vào cặp <style></style>

.page-404 {padding:20px 0}
.page-404 .image-404 img{width:90%;max-width:600px}
.page-404 h1{font-size:18px;color: #000;}
.page-404 span{margin: 0 0 10px;}
.page-404 .button{margin:0;padding:1em 2em;font-size:1em;font-weight:700;font-family:Poppins, sans-serif;line-height:1.2em}
.page-404 a {color:#fff}
.page-404 .mt-5 {margin-top: 5px;}
.button {display: inline-flex;align-items: center;margin: 15px 15px 15px 0;padding: 10px 20px;outline: 0;border: 0;color: #fefefe;background-color: #005af0;border-radius: 3px;font-size: 13px;line-height: 22px;}
Lưu lại giao diện và thưởng thức thui