Tạo trang báo lỗi 404 version 2 cho blogspot

Tạo trang báo lỗi 404 version 2 cho blogspot
Trang báo lỗi 404 tác dụng của nó thế nào chắc ai cũng đều biết.Đối với các blogspot không chơi quảng cáo adsense của google thì vấn đề này không cần quan tâm lắm nhưng với blogspot có chơi google adsense thì vấn đề trang báo lỗi 404 nên cần quan tâm.

Mặc định của trang báo lỗi 404 là khi khách truy cập vào trang không tồn tại trên blogspot do đã bị xóa nó sẽ xuất hiện một trang không có nội dung với dòng chữ không tìm thấy bài viết trên blog này (đại loại thế) và với đầy đủ phần header,sidebar và footer...

Với blogspot chơi quảng cáo adsense thì header và sidebar là nơi đặt mã quảng cáo do vậy google sẽ cảnh báo bạn vi phạm nguyên tắc:
- Đặt mã quảng cáo trên trang không có nội dung.

Với cách tạo trang báo lỗi 404 ở đây có một nhược đểm là:
Sau khi cài đặt qua biến động thời gian của blogger ta vào kiểm tra thì code ta đặt nó không cánh mà bay như vậy trang báo lỗi lại trở về mặc định.

Khắc phục điều này ta cần cài code trực tiếp vào trong mẫu như vậy nó chẳng bay đi đâu được.Nhưng đã cài trong mẫu thì cần code gọn nhẹ đơn giản không làm cồng kềnh HTML trong mẫu.Và sau đây chia sẻ cách tạo trang báo lỗi 404 version 2 cho blogspot rất đơn giản, thực dụng và không bao giờ phải lo bị mất,và không còn lo ăn gạch của google adsense.

Xem thử:

DEMO

Các bước tiến hành

Bạn vào Template tìm thẻ <b:includable id='main' var='top'> và dán đoạn code dưới đây vào sau nó:

<b:if cond='data:numPosts == 0'>

<data:navMessage/>

</b:if>


Sau đó bạn thay <data:navMessage/> trong mã trên bằng code sau:

<p style='line-height: 22px;font-size:36px'><b>Rất tiếc!</b><font size='5'>Hình như bạn đã nhấp vào một liên kết bị hỏng hoặc một trang không tồn tại.  </font></p>
<ol style='line-height: 22px;font-size:20px'>
<li><a href='javascript:history.go(-1)'>&#171; Go Back </a></li>
<li>Về Trang chủ: <a expr:href='data:blog.homepageUrl'><b>Bấm vào đây</b></a></li>
</ol>
<p style='text-align:center;font-size:200px;font-weight:bold'> 404 :( </p>
<p style='text-align:center;font-size:42px;font-weight:bold;color:#f90'>Rất xin lỗi về điều này</p>
<p align='center'><font size='5'>Cảm ơn bạn đã ghé thăm<br/> <data:blog.title/></font></p>
<style type='text/css'> #header-wrapper, #sidebar-wrapper, #footer-wrapper, .blog-pager, .post-header-line-1, .post-footer, #comments { display:none !important;}
 #main-wrapper { width:98% ! important;} .post { width:98% ! important;}</style>

Code này trên tinh thần:
- Gọn nhẹ
- Thực dụng
- Chống ăn gạch của google

Nhận xét

Không có nhận xét nào :