Cara Membuat Daftar isi Blog

Kemarin ada yang menanyakan lewat shout box bagaimana cara membuat daftar isi di blog, fungsi daftar isi sendiri untuk memepermudah pencarian artikel yang telah ditulis, ya hampir sama dengan daftar isi buku. Sebelum panjang lebar membahas tentang daftar isi, apakah temen - temen  sudah mencoba tips - trik  memasang jam di blog, membuat iklan images, mengecek popularitas blog atau memasang icon back to top, jika belum silahkan dicoba :P. Malah ngelantur,he. Langsung aja kita peraktekan., berikut cara membuat Daftar isi :

Berikut Langkah - langkahnya :

• Sign in
  
  
• klik Layout atau Tata Letak
  
  
• Klik Edit HTML
  
  
  
• Agar dalam pengeditan tidak terjadi apa - apa dalam blog temen - temen, silahkan klik link bertuliskan download Template Lengkap. ini di fugnsikan jika script yang dihasilkan tidak sesui dengan kehendak maka bisa dikemblikan seperti semula.
  
  
• Berilah centang pada Expand Widget Template (agar code widget muncul)
  
  
• Setelah itu cari kode seperti dibawah ini :
  

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

• Delete / hapus kode diatas, lalu ganti dengan kode dibawah ini :

Code1

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

• Klik tombol Simpan Template.
  
  
• Selesai. Langkah pertama sudah selesai.

Setelah langkah di atas selesai,

• Klik Gedget.
  
  
• Klik tulisan Tambah Gedget.
  
  
• lalu pilih HTML/JavaScript.
  
  
• Copy paste kode berikut :

code2

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

• Ganti NamaBlogAnda nama blog anda sendiri.
  
  
• Jika angka 200, adalah jumlah posting yang ingin di munculkan.
  
  
• Klik tombol Simpan Perubahan .
  
  
• Selesai.

Keterangan :

Jika temen - temen  bisa, Temen - temen bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode CSS.Code di bawah ini adalah code pertama(1) paling atas.

<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">

Contohnya bisa dilihat disini

Artikel ini mengutip dari blog kangrohman.

Selamat mencoba Cara Membuat Daftar isi Blog, semoga berhasil.

Terimakasih sudah mengunjungi blog ini... :D