Cara Mudah Membuat Daftar Isi Otomatis diblogspot

Sebelumnya untuk hasilnya bisa Anda lihat pada daftar isi blog ini. Membuat daftar isi otomatis untuk blog cukup mudah Anda tinggal mengikuti langka-langkah berikut :

Pertama Anda sudah harus masuk pada blogger. Lalu pada Dasboard blogger masuklah pada "Laman" dan buat Laman Baru dengan judul "Daftar Isi" atau "Sitemap". Atau Anda juga bisa menggunakan laman daftar isi yang lama namun dengan menghapus isinya yang artinya pada posisi kosong. Setelah itu masukan kode script berikut pada mode HTML bukan Compose.

Ubahlah url salva17.blogspot.co.id yang  dengan url blog Anda. Setelah memasukan salah satu kode script diatas, klik "Publikasikan" dan lihat hasilnya.

<style type="text/css"> #toc{width:97%;margin:5px auto;border:1px solid #00a3c1;-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:#ff0000;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background:-moz-linear-gradient(right,#C2EAFE 0%,#00a3c1 40%);background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#00a3c1),color-stop(1,#C2EAFE));border:1px solid #00a3c1;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{text-transform:uppercase;} .new{color:#ff0000;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><br /> <div id="toc"> <script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script><br /> <script src="salva17.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div>

Ubahlah url salva17.blogspot.co.id yang  dengan url blog Anda. Setelah memasukan salah satu kode script diatas, klik "Publikasikan" dan lihat hasilnya.