Tạo trang báo lỗi 404 Page Not Found Cho Blogger

Để thân thiện hơn với người dùng khi truy cập đến một trang không tồn tại trong Blogspot, gần đây google đã hỗ trợ tính năng báo lỗi và chuyển hướng rất hữu ích. Bài viết này sẽ hướng dẫn các bạn bằng một cách khác để tạo ra trang báo lỗi 404 Page Not Found

DEMO

<!-- Start--> <b:if cond='data:blog.pageType == "error_page"'> <style> #error-not-found { background: #ff0000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrIcphlAUZA0p_B5QBALAFw3nkaeTeC0kp_Q9CYadiTCiVkdMaezwk6UqMiDnBGm6NLOM45DkDOu3-wRLy4mjCgzS-YHr8a4C5Wn-fehkU-6A24Y_UQZD1y5yZWt_yGgBL8QC9gHDhC4/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/AVvXsEgQrIcphlAUZA0p_B5QBALAFw3nkaeTeC0kp_Q9CYadiTCiVkdMaezwk6UqMiDnBGm6NLOM45DkDOu3-wRLy4mjCgzS-YHr8a4C5Wn-fehkU-6A24Y_UQZD1y5yZWt_yGgBL8QC9gHDhC4/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:impact,sans serif!important; 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,sans serif!important; text-transform:uppercase; font-size:81px; 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,sans serif!important; text-transform:uppercase; font-size:56px; 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> Ups..sorry</h2> <h2> Page Not Found</h2> <p> <a expr:href='data:blog.homepageUrl' title='home page'> Back Home page</a></p> </div> </b:if> <!-- end-->

Code: http://urangkurai.blogspot.com