Tutorial : Buat Sitemap Di Blogspot

salam. tutorial blog ini yang mendapat sambutan adalah tutorial buat pages/tab menu menggunakan label. Kali  ni nak bagi tutorial untuk membuat sitemap. boleh tengok sitemap blog ni sebagai contoh hasil akhir korang. sitemap sememangnya sangat penting bagi satu-satu blog kerana mampu memudahkan pengunjung mencari carian atau maklumat yang mereka mahu.

Tutorial untuk buat sitemap di blogspot :

1. blogger >> template >> edit html >> cari kod ]]></b:skin> ( senang pakai ctrl + F ) 

2. sebelum kod ]]></b:skin> , copy and paste kod kat bawah ni :

/*--------JustNaira TOC-----*/
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}

3. Dah paste tu, bolehlah save. * Kalau mahu tukar warna biru macam dalam blog aku ni; sila guna color code generator - tukar yang aku boldkan pada bahagian akhir-akhir kod atas ni. 

4. Sekarang pergi ke blogger >> halaman/page >> halaman baru >> pilih "halaman kosong" >> letak tajuk halaman yang korang nak kasi, contoh : sitemap >> pilih bahagian HTML dan copy paste kod kat bawah;

<script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/Justnaira-tos-file.js"></script>
<script src="http://www.jangan-bukak.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://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript"></script>

5. Pastikan tukar nama blog kat atas dengan nama blog korang sendiri. kemudian 'publish'kan halaman tersebut. Pastikan jugak yang halaman korang adalah jenis yang show dan bukannya jenis yang hidden. siap sudah! 

selamat mencuba dan terus mencuba.

assalamualaikum.

sumber asal tutorial : justnaira