Tự Tạo Trang 404 cho blogspot

[tintuc]Hôm nay cuahangtemplate xin giới thiêu với các bạn thủ thuật mới
Với những cải tiến về khả năng Seo của blogger 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 theme 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 blogger mới -Template -> edit HTML -> proceed -> Expand Widget Templates

**  với 1 số theme 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="http://1.bp.blogspot.com/-JUy5SKK3eQo/T3Pb2x7A4qI/AAAAAAAABeY/KRrv6tgkgng/s1600/cobra09.jpg" alt="page not found 404" title="404 cute page not found "/></a>
-khi  truy cập vào 1 url 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

Nếu có thắc mắc, hãy để lại comment phía dưới nhé, admin của cuahangtemplate.com sẵn sàng trợ giúp bạn
chúc các bạn thành công!! [/tintuc]

source https://www.cuahangtemplate.com/2019/06/tu-tao-trang-404-cho-blogspot.html

Không có nhận xét nào:

Đăng nhận xét

MUA HÀNG: YAHOO: cuahangtemplate -
BACK TO TOP