Tạo trang sitemap cho Blogger

Sitemap là một trong những thành phần được rất nhiều blogger áp dụng cho blog. Nó giúp độc giả có thể dễ dàng theo dõi blog của bạn, khai thác được những thông tin mà họ quan tâm. Bài viết này mình sẽ hướng dẫn các bạn tạo một trang sitemap cho Blogger giống như hình trên.

Bước 1: Tại trang quản trị blog, các bạn vào Trang, tạo một trang mới và đặt tiêu đề cho nó (VD: Sitemap, Sơ đồ trang,...).
Bước 2: Tại trình soạn thảo, các bạn chọn chế độ HTML và dán code bên dưới vào khung soạn thảo:

<!--Sitemap Page by kjmagic.blogspot.com-->
<style type="text/css">
#kjsitemap{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<div id="kjsitemap">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://kjmagic.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
<!--/Sitemap Page by kjmagic.blogspot.com-->

Thay kjmagic.blogspot.com thành URL blog của bạn.

Chúc các bạn thành công !