Tạo Accordion Sitemap cho Blogspot

                                  

►Bắt đầu thủ thuật:1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code CSS vào trước thẻ  ]]></b:skin>

.judul-label{
text-transform:uppercase;
background: #616D7E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHM3-jOWhiVwu3SjB8SnLvuE0kiw_s8E_dNHal9VGrBRedEugIJAGA-fwkXG06HmA18wywlSAlvWZBwyqyo8HoHHr8_prOJj7pwD8QMjAP1wxYKhI8R7_7G2Pq3TI60xAaaPbmEovcXo7f/) 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;
}

5. Save template lại và trở về phần tử trang (Page Elements)
6. Thêm 1 HTML/Javascript và thêm vào code bên dưới

<script src="http://traidatmui-tips.googlecode.com/files/accordion_sitemap2.js"></script>
<script src="http://www.chipkool.blogspot.com/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://traidatmui-tips.googlecode.com/files/accordion_sitemap.js" type="text/javascript"></script>

Bạn thay Link www.chipkool.blogspot.com thành địa chỉ blog của bạn.VD:tenmien.blogspot.com

Chúc bạn thành công?Mọi chi tiết bạn comment bên dưới?

Tham khao traidatmui.com