Membuat Daftar Isi

Daftar Isi merupakan bagian penting dari sebuah blog, dengan adanya daftar isi pengunjung akan lebih mudah untuk mencari artikel yang diinginkan. Seperti yang dapat Sobat lihat di blog ini (kiri atas).

Untuk membuat daftar isi tidaklah sulit, Sobat tinggal copy paste kode html di di kode blog. Kode html untuk membuat daftar isi sebenarnya sudah banyak dipostingkan oleh blogger, tetapi untuk memudahkan Sobat agar tidak bolak-balik mencarinya saya berikan kode html dan cara menempatkannya.

Langkah-langkah adalah sebagai berikut:
1. Login di Blogger
2. Klik Edit HTML
3. Beri tanda centang expant template widget, tunggu sebentar... sabar ya.

Selanjutnya, cari kode html berikut :

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

Sudah ketemu, ya udah untuk mempercepat tekan tombol Ctrl + F, ketik kode <b:include data='post' name='post'/> di kotak bar yang ada di kiri bawah dan enter.

Nah sudah ketemu kan .
Sekarang hapus kode tersebut dan ganti dengan kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#e1f2ff;color:#003366;">
<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>

Langkah selanjutnya tinggal penempatan link tautan untuk menampilkan Daftar Isi. Untuk penempatannya terserah Sobat apa mau di sidebar ato pada navigasi bar, yang terpenting mudah dilihat pengunjung.

Nah sekarang copy paste kode berikut :

<a href="http://Nama Blog Sobat.blogspot.com/search?max-results=200">Daftar isi»</a>

Oh ya... hampir lupa, ganti tulisan Nama Blog Sobat dengan nama blog milik sobat . Nah sekarang lihat hasilnya. Mudah kan.


Semoga berhasil.