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

You may like these posts

1 Comments

  1. Hiếu Dev
    Quá nuột :v
  1. Để chèn mã hay sử dụng: <i rel="pre">code_here</i>
  2. Để chèn một trích dẫn, hãy sử dụng: <b rel="quote">your_qoute</b>
  3. chèn ảnh, hãy sử dụng: <i rel="image">url_image_here</i>
Để lại bình luận theo chủ đề của bài viết, bình luận có Liên kết sẽ không được hiển thị.
Quản trị viên và tác giả blog có quyền hiển thị, xóa, đánh dấu spam, trên các nhận xét đã đăng
data-ad-format="link"