Tạo trang thông báo lỗi Error 404 cho Blogspot

Khi bạn truy cập vào 1 link của Website nào đó thấy xuất hiện dòng thông báo lỗi 404 page not Found. Dòng thông báo đó muốn nói với bạn rằng, đường link đó đã không còn tìm thấy. Vậy làm thế nào để tạo được 1 trang thông báo lỗi như thế trong Blogspot?

- Bài viết này mình sẽ giúp bạn thực hiện điều đó giúp bạn tránh để xảy ra lỗi trong Blogspot. 

Demo XEM TẠI ĐÂY

Cách thực hiện. 

- Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML).

 - Tìm (Ctrl + F) tới thẻ đóng và dán code dưới đây ngay trên nó

<b:if cond='data:blog.pageType == "error_page"'> <style> #error-not-found {background: #ff0000;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHYAQT1UrsmkSNb-uAVtYtq8XAxzkVkejjQR8D0AL9A_98Y5N3jFikfh7x9YBpbHfth02kAniLK7qR2DdTiTU8ev6bZAtm8kvFz65Hmn5PptdRZLpCHJwwhc5jpPE_SvGZJ6hGMoDebI/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/AVvXsEhFHYAQT1UrsmkSNb-uAVtYtq8XAxzkVkejjQR8D0AL9A_98Y5N3jFikfh7x9YBpbHfth02kAniLK7qR2DdTiTU8ev6bZAtm8kvFz65Hmn5PptdRZLpCHJwwhc5jpPE_SvGZJ6hGMoDebI/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&gt;www.Cafe50.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>

Thay đổi www.Cafe50.com thành đường link website của bạn
Lưu lại và ví dụ 1 đường link website của bạn mà không có nhé