Cara membuat "Daftar Isi" di Blog ~ zaenaLz Blogers

Sebelumnya saya penasaran dengan cara membuat daftar isi di Blog, lalu setelah saya cari-cari, ternyata membuat Daftar isi Blog itu Sangatlah Gampang Sobat !!!!

Namun Daftar isi ini hanya memuat postingan setelah kita membuat daftar isi otomatis ini, kecuali kalo kita mengupdate post yang lama :)

Dengan trick ini, kita hanya membutuhkan sedikit tempat sobat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan. Mudah Bukan :)

Oke daripada Bosen, langsung saja kita ke TKP !

LANGKAH - LANGKAH

1. Log in ke Bloger atau langsung aja praktek dengan saya sobat klik saja disini :)

2. Klik Layout di menu atau 'Rancangan" kalo sobat pake versi bahasa indonesia

3. Klik Edit HTML di menu sebelah kiri atas

4. Beri Centang pada kotak kecil bertulisan Expand Widget Tempelates

5. Cari kode dibawah ini dengan menggunakan Ctrl F

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

6. Kalo udah ketemu, sobat ganti kode diatas dengan kode dibawah ini.

<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:#EAE9E9;color:#406A0E;"><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>

Setelah itu sobat harus ikuti langkah langkah berikut ini :

1. Sobat masuk ke account blogger atau klik disini deh biar langsung praktek

2. Pilih menu tata letak / Layout (Atau langsung saja pilih Elemen Halaman di samping

Edit HTML)

3. Pilih

Tambah Gatged

4. Udah itu pilih aja Html/Javascript kaya biasa sobat memasang widget yang lainnya

5. masukan kode script ini gan ke Html/Javascript yang tadi sobat buka

<a href="http://zaenalramdhani.blogspot.com/search?max-results=100" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>»</a>

Keterangan :

zaenalramdhani.blogspot.com nya Ganti dengan alamat blog sobat semua, nah selain itu terdapat code

results=

100

ganti dengan jumlah yang sobat pengen, angka 100 itu menunjukkan jumlah judul yang akan di tampilkan bi blog sobat, dan satu lagi jika sobat pengen ganti kata

DAFTAR ISI Bisa ko tinggal ganti aja dengan kata yang sobat inginkan.

6. Naa udah gitu jangan lupa diSimpan/ Save sobat, kalo engga gak jadi deh, hehe

Bagaimana ? Gampang kan ?
kalo ada apa-apa silahkan komentari dibawah sobat ..