Error 404 Page not found - tạo trang thông báo lỗi Blogspot

Hầu hết mặc định của Blog hoặc 1 số template thiết kế đều mặc định khi không tìm thấy trang thì hiển thị dạng không có nội dung ở Body, ví dụ TRANG NÀY. Mặc dù không gặp lỗi gì ở vấn đề các bạn hay thắc mắc đó là như thế có ổn cho SEO không. Chỉ hơi thiếu chuyên nghiệp 1 ít thôi, chứ không vấn đề gì. :) Bài viết này Phong sẽ hướng dẫn các bạn tạo riêng 1 trang Error 404 Page not Found - để thông báo rằng, trang đó lỗi rồi. Quay về trang chủ đi :)

Demo thì bạn BẤM VÀO ĐÂY.
1 Đoạn cod dưới đây sẽ giúp bạn thực hiện chuyển hướng những trang lỗi 404 về như dạng Demo trên.

Các bước làm như sau:

Bước 1: Vào bảng điều khiển Blogger -> Mẫu (template) -> Chỉnh sửa HTML (Edit HTML).

Bước 2: (Ctrl + F) tìm tới </body> và dán code dưới đây ngay bên 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/AVvXsEgSefZBINbcSlRdlzElbmQK108M7B6XzEwwdHl6cDV0NQ_-WpckJMyRsCwCsAwAS3ZTIGyHWcloxivlCG60PXTnUllDxzgUyNSu2YeExQ8gbiU6wceHAoOeEBbNV0YXMiLG238-1sNTz3s/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/AVvXsEgSefZBINbcSlRdlzElbmQK108M7B6XzEwwdHl6cDV0NQ_-WpckJMyRsCwCsAwAS3ZTIGyHWcloxivlCG60PXTnUllDxzgUyNSu2YeExQ8gbiU6wceHAoOeEBbNV0YXMiLG238-1sNTz3s/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>Blog Vũ Văn Phong</h2> <h2>Trang không tìm thấy</h2><br/> <p> <a href='/' title='Trở về trang chủ'>Trở về trang chủ</a></p> </div> </b:if>

Bước 3: Lưu lại và test demo ở 1 link bất kỳ không có trong Blog của bạn. Kết quả bạn thu được sẽ giống như demo. Bạn có thể chỉnh sửa những màu sắc, cỡ chữ...để có được những khác biệt riêng.

Chúc các bạn vui vẻ !