Sesuai Label

Membuat daftar isi di blog tentu sangat dibutuhkan untuk memudahkan pengunjung mencari artikel/materi yang dibutuhkan, tentu ini sebagai salah satu bentuk pelayanan prima bagi pengunjung, apalagi jika artikelnya sudah banyak.

Nah kali ini saya akan posting Cara  Membuat Daftar Isi Berdasarkan Label atau Kategori yang disimpan pada halaman posting seperti contohnya disini . 

1. Login dulu  ke    http://www.blogger.com/ 
2. Kemudian buat sebuah Entri Baru dan pilih Edit HTML. atau kalau biasa pake Windows Live Writer (WLW) gunakan modus Source atau Sumber.
3. Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
4. Copy Paste script dibawah ini dan ganti nama destipsntrick.blogspot.com dengan nama Blog anda : 
<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script> <script src="http://destipsntrick.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
5. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
6. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan seperti ini : (Kode warna pink silahkan sesuaikan, kalaupun mau dihapus juga silahkan) :
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"
> <p align="center"> 
<font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p>  <script style="text/javascript"  src="http://dessabtya.googlecode.com/files/TOCcategory.js"> </script> <script src="http://dessabtya.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> 
<p> 
Untuk melihat <a href="http://saungweb.blogspot.com/2010/04/daftar-isi-berdasarkan-tanggal-posting.html" 
target="_blank">Daftar Isi Berdasarkan Tanggal Posting</a> silahkan di klik aja sob.</p> 
</div>
7. Langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh :
   
<a href="http://dessabtya.blogspot.com/2010/07/daftar-isi-berdasarkan-label.html">DAFTAR ISI</a>