Tạo trang báo lỗi 404 Page Not Found - Blogspot

Tạo trang lỗi 404 Blogspot, Page not found cho Blogspot, tùy chỉnh trang 404 blogger Custom 404 Page not found for Blospot / 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.
Nhưng trong bài viết này s sẽ hướng dẫn các bạn bằng một cách khác để tạo ra trang lỗi 404. Sử dụng được cả cho những blog đã ẩn đi status-message.


Cách mà s chia sẻ cùng các bạn dựa vào pageType #lnk của Blogspot trả về khi phát hiện URL không tồn tại. Ưu điểm của cách này là sẽ không load lại toàn bộ giao diện blog như cách mà Google cung cấp mà nó sẽ thực sự tạo ra một trang lỗi 404 đơn thuần.

#bl1 Xem demo: Page not found #lnk

#bl2 Để tạo trang 404, đầu tiên tìm đến tag <body> và chèn đoạn code bên dưới ngay sau nó.
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div style='padding: 10px;width: 798px; border:1px solid #ccc; border-width: 0 1px 1px 1px 1px; margin:200px auto 0 auto;'>
<h1>Page Not Found</h1><p>Back to <a expr:href='data:blog.homepageUrl'>home</a></p>
<script type='text/javascript'>var GOOG_FIXURL_LANG = &#39;en&#39;; var GOOG_FIXURL_SITE = &#39; Your-Site-Url &#39;</script>
<script src='http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js' type='text/javascript'/></div>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
#bl2 Thay Your-Site-Url bằng địa chỉ blog của bạn. Để kết thúc công việc bạn tìm đến tag đóng </body> và chèn ngay trên nó </b:if>. Tổng quát như sau:
<body>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
// Nội dung page 404
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
// Nội dung blog
</b:if>
</body>
#bl2 Nếu bạn biết một ít về ngôn ngữ lập trình thì bạn có thể dễ dàng tùy chỉnh lại trang 404 cho riêng mình.
love struck Have fun!
SHARE
    Blogger Comment
    Facebook Comment

1 comments :

  1. tuyệt thật. bạn giúp mình với sao mình làm mãi ko dc vậy? xim can on trc nhe.

    mail info@khocviem.org

    ReplyDelete