reset and begin
3/31/2012

Tự Tạo Trang 404 cho blogspot

Với những cải tiến về khả năng Seo của blogspot gần đây ,các blogger dễ dàng tạo cho mình 1 trang thông báo lỗi khi không tìm thấy link
 H đây để tạo trang thông báo lỗi 404 page not found mang phong cách template của bạn thật dễ dàng , đó
có thể là 1 dòng text hay 1 bức ảnh 404 cute để thông báo cho khách viếng thăm biết .
demo
http://shimivn.blogspot.com/p/test
http://shimivn.blogspot.com/test

Trong giao diện blogspot mới -Template -> edit HTML -> proceed -> Expand Widget Templates

**  với 1 số template chuẩn không cần B1 .
B1 :Tìm code:
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
  </div>
<br/>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
 
Thêm css vào bằng cách thay thế code trên bằng những dòng code sau:

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
<style type='text/css'>
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}

.status-msg-body img{
max-width:460px;
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
</style>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
  </div>
<br/>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
 

 B2 config nội dung :
 Blogger Dashboard ->Setting - > Search Preferences -> Custom Page not found -> click nút Edit
đây là nội dung trang 404 của bạn có thể là 1 bức ảnh 1 dòng thông báo ....  cũng có thể add thêm mã html vào đây .
ví dụ add dòng code html này  để thông báo lỗi 404
<a href="http://shimivn.blogspot.com/" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh02TptGDPKXnfj8Q4P4ffafSKAz_qe-BIpEFJlS1SGs1JY6lS54vOaToDz4sTlhyphenhyphen-nWOcVkWBLvqmoFYTZ96J1yXhf1OoGp20XQHIp5HoiGJgaDyHRK305zd1GHQfX2n-Wu9ocytB8g-Ld/s1600/cobra09.jpg" alt="page not found 404" title="404 cute page not found "/></a>
-khi  truy cập vào 1 đường dẫn không tồn tại trên blog của bạn , khách sẽ thấy trang 404 này hiện ra  , không còn xấu xí hay mặc định về blogger như trước kia .
- Với cách add thêm mã html bạn có thể làm trang 404 trở lên đẹp hơn hay hài hước hơn  :))



nguồn

Bloger Comments
G+ Comments
Comments FaceBook

No comments:

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .