Daftar isi blog otomatis dengan scroll

Membuat daftar isi blog otomatis di blogspot mempunyai keunggulan lebih praktis dari pada anda membuat daftar isi manual yang harus mengisinya otomatis setiap kali anda membuat postingan baru. Pada daftar isi blog otomatis ini anda sekali meletakkan script di bawah ini dan hasilnya daftar isi blog blogspot sobat akan update otomatis tanpa ribet.

Cara membuat daftar isi otomatis di blog

1) Masuk ke account blogger anda. Lalu buat laman baru bukan postingan baru karena lebih statis.

Dashboard > New Post/Edit Post > Edit Pages > Create New Page

 

2) Beri judul Laman tersebut misal "Daftar isi" atau "Daftar isi blog".

3) Setelah itu pindah ke mode HTML seperti gambar di atas >> lalu ganti semua kode yang muncul seperti di lingkaran dengan kode Membuat daftar isi blog otomatis buatan saya di bawah ini;

<div style="height: 300px; overflow: auto; text-align: left; width: 530px;">
<script src="http://yourjavascript.com/12152269523/daftar-isi-otomatis.js">
</script>
<script src="http://cosotricks.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

4) Ganti URL blog berwarna merah diatas dengan Url blog sobat.

5) Publikasikan dan lihat hasilnya.

Note : warna hijau untuk mengatur tinggi area scrol daftar isi.
           warna ungu untuk mengatur lebar area scroll daftar isi blog.