Membuat Widget Daftar Isi di Blogger

Tanpa basa basi lagi, kita langsung praktek aja Membuat Widget Daftar Isi di Blogger.

• Langkah pertama, Login ke blogger - dari halaman dashboard masuk ke Tata Letak / Layout  - Kemudian masuk ke tab Edit Html.

• Centang tanda Expand Widget Templates.

• Kemudian cari kode seperti dibawah ini.

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

• 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>

• Kemudian klik Save Template.

• Sekarang masuk ke tab Elemen Halaman / Page Elements. Dan tambahkan sebuah widget baru dengan klik add gadget / tambah gadget. Lalu pilih type HTML / Javascript.

• Dan masukan script dibawah ini pada widget baru tadi.

<a href="http://alamat_blog_kamu.blogspot.com/search?max-results=200">Daftar Isi &raquo;&raquo;</a>

• Silahkan ubah kode alamat_blog_kamu dengan alamat blog kamu.

• Angka 200, merupakan jumlah maksimal artikel yang akan ditampilkan. kamu bisa merubahnya sesuai dengan keinginan kamu.

• Kemudian klik save. dan lihat hasilnya.