Tạo trang báo lỗi 404 cho Blogspot

Trang 404 là trang mà người đọc sẽ thấy khi họ muốn đến một trang không tồn tại trên trang web của bạn. Có thể link đến trang đó bị hỏng, hoặc trang đó bị xóa hoặc họ gõ nhầm …


Để thêm trang báo lỗi vào Blog của bạn, hãy copy đoạn code bên dưới và dán vào sau thẻ <body> trong template của bạn:
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style scoped='scoped' type='text/css'>
#error-page{background:#efefef;position:fixed !important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%}
#error-page .error-404 {text-align: center; transition: all 0.8s ease 0s;color: #b0130d; font-size:800%; font-weight: 600;margin-bottom:0px;margin-top:0;line-height:1em}
#error-page .large-heading1 {color: #000;font-size:400%;margin-top:1%;margin-bottom:0px;position:relative;font-weight:600}
#error-page .large-heading2 {color: #000;font-size:250%;}
#error-page .light-heading1 {color: #000;font-size:150%;}
#error-page .light-heading2 {color: #000;font-size:100%;line-height:1.8em;}
#error-page #search{text-align:center!important}
#search input{padding:6px 10px;margin:15px 0 0 -1px}
</style>
<div id='error-page'>
<div class='large-heading1'>OOPS!</div>
<div class='error-404'>404</div>
<div class='large-heading2'>PAGE NOT FOUND</div><br/>
<div class='light-heading1'>DUY-KUTE: Có lẽ trang đã bị xóa. Chúng tôi xin lỗi vì sự bất tiện này.</div><br/>
  <div class='light-heading2'>Hãy click vào đây <a expr:href='data:blog.homepageUrl' title='Homepage'><span style='background:#ddd;border:1px solid #aaa;border-radius:3px;padding:2px 5px'><b>HOME</b></span></a> để trở về trang chủ <b><data:blog.title/></b>.<br/>
hoặc sử dụng <b>Search Box</b> dưới đây tìm bài viết bạn cần.
</div>
<div class='searchform' id='searchform'>
<div id='search'>
<script type='text/javascript'>
  var GOOG_FIXURL_LANG = &quot;en&quot;;
  var GOOG_FIXURL_SITE = &quot;<data:blog.homepageUrl/>&quot;
</script>
<script src='//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js' type='text/javascript'>
</script>
<div class='clear'/>
</div>
</div>
</div>
</b:if>
Facebook Comments
Blogger Comments
Duy kute

Copyright © 2012 - Duy kute ®