Trang báo lỗi 404 not found

Đôi khi trên blog của bạn sẽ có một số trang không còn tồn tại vì vậy trang báo lỗi 404 not found sẽ làm cho blog của bạn thân thiện hơn. Các bạn xem demo ở đâyyeupas.blogspot.com/404-not-found.

#cách thực hiện

1. Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML.
2. Tìm thẻ </body> .
3. Dán code dưới vào trên nó.
<!--Error Page Not Found by khanh98.blogspot.com-->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
#error-not-found {background: #ff0000;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj74vmgEptI_5332pX-DGARikjTG5rNJBpl9fCLC1FFXvH7mSX8oWgyxAUUymSY45vwSn48ihsUs02HA51EF9IDU4IlUDyw6IsjDmbYm67JX-XuMW4IOF510widRWCHUNm5XytKFQFhEZs/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);         background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj74vmgEptI_5332pX-DGARikjTG5rNJBpl9fCLC1FFXvH7mSX8oWgyxAUUymSY45vwSn48ihsUs02HA51EF9IDU4IlUDyw6IsjDmbYm67JX-XuMW4IOF510widRWCHUNm5XytKFQFhEZs/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );              text-align:center;             position:fixed;             top:0px;             right:0px;             bottom:0px;             left:0px;             padding-top:270px;             z-index:999999;     }     #error-not-found  h1 {             font-size:640px!important;             position:absolute;             font-family:Arial;             top:70px;             left:50%;             letter-spacing: -8px;             margin-left:-502px!important;             width:960px;             z-index:-2;             color:rgba(0,0,0,.09)!important;     }     #error-not-found  h2 {             font-family:arial black;             text-transform:normal;             font-size:35px;             line-height:66px!important;             letter-spacing: -3px;             color:#fff!important;             margin:0!important;             padding:0!important;     }     #error-not-found p a,     #error-not-found p a:visited,     #error-not-found p a:hover{             font-family:arial black;             text-transform:normal;             font-size:20px;             line-height:40px!important;             border:none;             font-weight: bold;             color:rgba(0,0,0,.5)!important;             margin:0!important;             padding:0!important;             text-decoration:none!important;     }     </style>     <div id='error-not-found'>      <h1>404</h1> <h2>Khanh98.blogspot.com</h2>       <h2>Page Not Found !</h2><br/>      <p> <a href='/' title='Trở về trang chủ'>Back to home page</a></p>     </div>     </b:if>
<!--/Error Page Not Found by khanh98.blogspot.com-->
Có thể thay đoạn đánh dấu màu vàng theo ý thích.
Nguồn kjmagic

Comments