Tạo trang bắt lỗi 404 - Blogger

23:36
Lượt xem:  lần

Link demo: demo
Hướng dẫn tạo:

Các bạn thêm vào trước thẻ */]]></b:skin>  đoạn css sau:
/* CSS Custom Error Page */
#oopss {background:#eee;text-align:center;margin-bottom:50px;font-weight:400;font-size:30px;font-family:&#39;Roboto Condensed&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:30px;color:#666;}
#error-text a{color:#666;}
#error-text p {margin:0!important;}
#error-text span {color:#aaa;font-size:120px;font-weight:700;letter-spacing:0.1em;}
#error-text a.back {display:inline-block;margin:20px auto;background:#4db2ec;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.2s ease-out;}
#error-text a.back:hover {opacity:.9;}
#error-text a.back:active {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);opacity:1;}
/* CSS Error Page Responsive */

Thêm vào sau thẻ <body đoạn code sau:
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='oopss'>
<div id='error-text'>
  <span>404</span>
  <p>Page Not Found</p>
  <p>Back to</p>
  <p><a class='back' href='/'><data:blog.title/></a></p>
</div>
</div>
</b:if>

Thấy Hay Thì Chia Sẻ Giúp Mình Nha (^^)

Bài Viết Liên Quan

Previous
Next Post »

Nội Quy Khi Gửi Bình Luận:

  • - Vui lòng gõ có dấu khi sử dụng tiếng việt.
  • - Nghiêm cấm spam link khác.
  • - Sử dụng ngôn ngữ có văn hóa khi comment.
  • - Chèn hình ảnh bằng code Link hình ảnh
  • - Chèn video bằng code [iframe] Link nhúng video [/iframe]
  • - Ngoài ra bạn có thể thêm những smile bên dưới vào bình luận để thêm sinh động
Biểu Tượng VuiBiểu Tượng Vui