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 == "error_page"'>#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:
<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 = 'en'; var GOOG_FIXURL_SITE = ' Your-Site-Url '</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 != "error_page"'>
<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.
<b:if cond='data:blog.pageType == "error_page"'>
// Nội dung page 404
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
// Nội dung blog
</b:if>
</body>
Have fun!
0 Nhận xét