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:'Roboto Condensed',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 == "error_page"'>
<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>
Nội Quy Khi Gửi Bình Luận: