Cara Membuat Site Map atau Daftar isi blog otomatis

Cara Membuat Site Map atau Daftar isi blog otomatis – Halo sobat blogger semua, kali ini saya akan berbagi tips yaitu membuat site map atau daftar isi blog, site map atau daftar isi blog sangat berguna untuk pengunjung anda menemukan seluruh artikel yang anda posting di blog anda,kinerja nya hampir mirip dengan label entri, tapi ini lebih unik karena semua link yang menuju ke postingan anda terkumpul di satu tempat halaman jadi lebih mudah untuk navigasi nya.

Langkah langkah nya yang haru dilakukan seperti ini:

1.Login ke akun blogger sobat seperti dan pilih Laman

2.Buatlah halaman baru seperti di bawah ini, terserah mau di beri nama apa, biasanya di beri nama Site Map, Daftar isi, Isi blog atau yang lain nya

3.Setelah di beri nama atau judul Laman di lanjutkan ke tahap berikut nya yaitu masukan kode script nya dan perlu di ingat PILIH MODE HTML jangan COMPOSE seperti dibawah ini

4.Lanjutkan dengan memasukan kode script nya seperti di bawah ini

5.Script nya seperti di bawah ini tulisan atau url yang berwarna biru ganti dengan nama alamat blog sobat atau link blog sobat

copy paste script nya dibawah ini

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<style type=”text/css”>
#toc{
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,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<br />
<div id=”toc”>
<script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>
<script src=”http://wardun.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”>
</script></div>

6.Lalu pasang seperti gambar no 4 jangan lupa url http://wardun.com/feeds/posts/default? warna biru nya ganti ya dengan alamat blog sobat , Jika sudah maka seperti ini

7.Jika sudah selesai Lalu klik publikasi kan., jika sudah maka di halaman tersebut memuat seluruh postingan blog sobat berikut label atau tag nya masing masing dan tertata dengan rapih