Membuat Daftar Isi di Blog

Sama halnya dengan sebuah buku, jika sebuah buku tidak memiliki daftar isi maka pembaca buku tersebut akan kebingungan mencari halaman dalam buku tersebut. Hasilnya buku tersebut pun diabaikan dan dilupakan. Sekarang sudah jelaskan tentang manfaat membuat daftar isi blog ? Sekarang bagaimana cara membuat daftas isi blog otomatis ? Mari kita simak tutorial dibawah ini.

Berikut ini langkah-langkahnya :

1. Masuk ke account blogger anda

2. Pilih tata letak/layout

3. Pilih tambah gadget

4. Pilih HTML/javascript.

5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat

6.. Kopas kode di bawah ini

<script src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js">

</script>

<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

7. Terbitkan Entri.

Namun jika Anda ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js"></script><script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Keterangan :

• Ganti tulisan yang berwana merah dengan nama blog Anda
• Sesuaikan tinggi scroll dengan merubah height:120px   sesuai keingingan Anda
• Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.