Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 2

Hôm nay cũng cách tạo sitemap cho Blogspot, nhưng ở bài viết này chúng ta sẽ tạo thêm một hiệu ứng cho nó. Đối với thủ thuật blogger tạo Sitemap cho Blogger trước đây thì giao diện còn hơi xấu, hôm nay với thủ thuật này thì chỉ có bài viết ở trong một nhãn hiển thị đầy đủ, ở các nhãn khác sẽ được ẩn đi, và nó sẽ trượt xuống đầy đủ khi bạn click vào nhãn. Thủ thuật này rất tiện ích, sẽ không phải kéo dài trang của bạn. Có sitemap sẽ giúp website của bạn SEO tốt hơn, quá trình thiết kế website của bạn hoàn hảo hơn.

>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 1 

>>Widget - Thủ thuật chia Widget thành nhiều cột bằng thẻ Table trong Blogger

>>Images - Thủ thuật hiệu ứng làm mờ hình ảnh trong bài viết Blogger

>>Lỗi ảnh - Thủ thuật sửa lỗi ảnh tràn quá khung bài viết Blogger

>>Slide - Thủ thuật Slide JQuery bài viết ở trang chủ cho Blogger

>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh và bài viết cho Blogger
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh cho Blogger
>>Navbar - Thủ thuật làm trong suốt thanh Navbar trong Blogger
>>Label / Archive - Thủ thuật hiện tiêu đề trong Label / Archive của BLogger
>>Chữ nhấp nháy - Thủ thuật tạo chữ nhấp nháy trong Blogger
>>Slide JQuery - Thủ thuật tạo Slide JQuery cho Blogger
>>Comments - Thủ thuật đánh số cho bình luận trong Blogger

1. Đăng nhập vào tài khoản Blogger

2. Vào Trang (Trang)

3. Chọn Trang mới => Trang trống

4. Check vào phần HTML của trang vừa tạo và dán đoạn code bên dưới vào:

<style>
.judul-label{
text-transform:uppercase;
background: #616D7E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt_To-Cbz94R12t8vGhNoMVv_7t__VuO6XBSTFmipujLpX8jNN5cl0pWCwuOS6bUzOd7nPGWF0SFef6tTXv54Ii1ydShH-bMI5l8gRoPXBWi8ARL4NsaMuDKzKFGFtUYRni5xwyAyyvJxj/s1600/arrow-square-namkna-blogspot-com.gif) no-repeat right -51px;
padding: 5px 27px 5px 8px;
margin: 0px;
font: bold 12px Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
color:#fff;
}
.data-list a{color:#333;}
.data-list a:hover{color:#7a1d18;}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:2px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.headactive{
border-bottom:solid 1px #c4c4c4;
background-position: right 5px;
background-color: #959999;
color:#000;
}
</style>
<script src="http://thietkewebplus.googlecode.com/files/accordion_sitemap2.js"></script>
<script src="http://www.thietkeblogger.net/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://thietkewebplus.googlecode.com/files/accordion_sitemap.js" type="text/javascript"></script>

Chú ý thay:
http://www.thietkeblogger.net/ thành URL Blog của bạn
max-results=1000 là số bài hiển thị.

5- Xuất bản trang cà xem thành quả nha.