Code trang SiteMap dạng lưới theo label đẹp long lanh cho blogspot

Sitemap là trang giúp người dùng xem được tổng quan tất cả các bài viết trên blog.Site map cũng rất quan trong ,blog nào cũng phải có trang site map riêng.Hôm nay mình xin chia sẻ 1 code trang sitemap dạng danh sách theo lable cho anh em.

Cách thực hiện : Vào blog -> trang -> tạo trang mới,chuyển sang khung soạn thảo HTML copy toàn bộ code dưới đây dán vào đó nhé.

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://googledrive.com/host/0B-0uHUanipfMMWlMUHJjcERkVFU" type="text/javascript"></script>
<script src="link blog của bạn/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<br />
<div style="display: none;">
<a href="link blog của bạn">Trang Site Map Blog's SV Tin Học</a></div>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style></div>