Cara Membuat Daftar Isi Blog Otomatis

Cara Membuat Daftar Isi Blog Otomatis - Sebelumnya, saya juga pernah memposting cara untuk membuat Daftar Isi tanpa JavaScript. Untuk prosesnya hampir sama dengan yang lalu. Berikut ini cara membuat dan memasang daftar isi otomatis. Untuk scriptnya saya mengambil dari Abu Farhan. Hanya, saya host sendiri agar lebih meringankan loading blog ini. Adapun caranya, silahkan ikuti langkah-langkah di bawah ini :

• Login ke Blogger, Klik Layout/Tata Letak
• Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan
• Cari dan pilih HTML/Javascript.
• Copy paste kode di bawah ini ke dalam content yang telah tersedia, berikut ini kodenya :

<div style="overflow: auto; width: 300px; height: 200px; text-align: left;">
<script style="text/javascript" src="http://ricdetop.googlecode.com/files/daftarisiotomatis.js"></script>
<script src="http://namaBlogAnda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

</div>

• Klik Tombol Save/Simpan.

Anda juga bisa menaruhnya di dalam halaman statis Anda.

Notes : Daftar Isi di atas menggunakan scroller. Jika Anda menaruhnya di halaman statis atau Anda ingin menghilangkan scroller, hapus kode yang saya beri warna merah. Ganti namaBlogAnda.blogspot.com dengan alamat blog Anda.

 
Semoga manfaat ...





sumber: http://ricdetop.blogspot.com/2012/07/cara-membuat-daftar-isi-blog-otomatis.html