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
No comments: