Cara Membuat Daftar Isi Secara Otomatis

Mungkin sudah banyak yang menulis artikel seperti ini di blog lain, tapi tak ada salahnya saya juga menulis artikel yang sama guna membantu sobat blogger yang mungkin kebingungan mencari cara untuk membuat Daftar Isi Otomatis di blognya.

Untuk membuat daftar isi secara otomatis,tidaklah terlalu sulit karena kita hanya menambahkan beberapa script html saja ke dalam blog kita, lalu cara bagaimana.....?

Nah caranya sobat harus mengikuti petunjuk atau langkah langkah sebagai berikut:


1. masuk ke Edit HTML
2. Lalu beri tanda centang di "Expand Widget Template"
3. Kemudian Copy Paste script di bawah ini dan letakkan di atas kode ]]></b:skin>,

#daftar-isi-otomatis{ border:2px outset blue; padding:5px 0 5px; background:#EAE9E9 }

4. Langkah selanjutnya cari kode di bawah ini :

<b:include data='post' name='post'/>

Untuk di template minima kode diatas ada dua, carilah kode yang pertama "Ingat Yang Pertama..ya, Bukan Yang Kedua", he....he...seperti judul film saja...maaf bercanda ....nah bila sudah ketemu, ganti kode di atas dengan kode di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div id='daftar-isi-otomatis'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. lalu simpan, kemudian Masuk ke Page Element, dan klik Add Gadget, posisinya terserah mau di bagian menu atau di sidebar.

<a href="http://Alamatbloganda.blogspot.com/search?max-results=100">Daftar isi</a>

6. pilih HTML/Script, dan masukkan kode diatas kedalamnya, tetapi sebelumnya ganti dulu alamat link-nya yang berwarna merah tebal sesuai dengan alamat blog anda.

Simpan... dan lihat hasilnya.

Demikianlah secara singkat cara menambahkan Daftar Isi Otomatis ke dalam Blog kita, semoga membantu sobat ....salam

Related Articles