Cara Membuat Daftar Isi Blog Dengan Fungsi Scroll

Kali ini saya akan membahas cara gampang membuat daftar isi atau sitemap dengan fungsi scroll. Daftar isi atau sitemap adalah kumpulan dari artikel kita yang telah kita posting. Dengan memasang widget daftar isi, nantinya akan memudahkan pengunjung blog kita memilih artikel yang ingin dibacanya.

Lalu bagaimana cara membuat daftar isi dengan fungsi scroll pada blogger? Caranya ada 2 macam, yaitu dengan cara menambahkan widget daftar isi di sidebar kita atau di menu navigasi kita. Namun kali ini saya hanya membahas cara membuat daftar isi dengan fungsi scroll pada menu navigasi, jadi saat kita klik menu Sitemap atau daftar isi akan memunculkan semua daftar isi blog kita dan ada scrollnya. Adapun caranya adalah :

1. Buatlah postingan seperti biasa, lalu beri judul sitemap atau daftar isi

2. Copy paste kode ini pada Kolom Edit HTML ( samping Compose ) :

<div ;="" margin="3px" style="border: 2px solid rgb(153, 153, 153); height: 500px; overflow: auto;">
<script src="http://burukutukpercobaan.googlecode.com/files/kodesitemap.js">
</script>
<script src="http://www.kolominfo.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

3. Lalu klik Post Options Lihat Post tanggal dan waktu, pilih Dijadwalkan Pada.
4. Lalu ganti tahunnya ketahun yang lebih tua, misalnya 2008.
5. Terbitkan Entri

Pada script diatas silahkan ganti URL blog saya http://www.kolominfo.com dengan blog kamu dan untuk angka yang diberi tanda merah "500" menunjukan tinggi dari scroll yang diinginkan. Maksud dari Post Options adalah kita akan membuat postingan ini tidak muncul di halaman pertama blog kita atau dikenal juga dengan istilah menenggelamkan postingan.

Lalu untuk menampilkan widget ini caranya adalah lihat postingan daftar isi kamu contoh http://www.kolominfo.com/2008/07/daftar-isi.html lalu copy dan masukan pada menu navigasi kamu, untuk hal ini tentunya tergantung dari template masing2 ada yang ada menu Top Tabnya dan ada juga melalui Edit HTML template anda. Selamat Mencoba ! Dan berikut hasil menggunakan scroll :