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. Đó là 1 trang 404 đã được WebAdmin tạo và muốn người dùng biết chứ không phải là trang thông báo 404 mặc định của Website hoặc Blog. 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 IT Việt 360 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 </body> 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/AVvXsEiHZ8WebJy2EfxTXc_FaDZgC7heebX8HMlPCKnwTQ7xhWOWiNcPzTsMsU5Xv3WItv9qSdnEib8I7DGvSMftLCY9CGhYCd59CEtfHQGHH6YqsFAGE_vlhHFbcn_TlFSrwDjFjjaTDCCC0Nc/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/AVvXsEiHZ8WebJy2EfxTXc_FaDZgC7heebX8HMlPCKnwTQ7xhWOWiNcPzTsMsU5Xv3WItv9qSdnEib8I7DGvSMftLCY9CGhYCd59CEtfHQGHH6YqsFAGE_vlhHFbcn_TlFSrwDjFjjaTDCCC0Nc/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>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>

- Lưu mẫu lại và xem 1 ví dụ đường link website của bạn không tìm thấy nhé.
Chúc các bạn vui vẻ !

Chuyên mục: Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-blogger