cara buat daftar isi pakai label

Cara bikim daftar isi, ada berbagai macam caranya. Ada yang susah, ada yang gampang. Ada yang bikin blog berat, ada yang gak. Semua ada kelamahan dan kelebihannya.

Nah..kali ini saya kasih solusi nih..bikin daftar isi yang ulales terupdate seiring lahirnya postingan kita..

Caranya gampang. Syaratnya, kita pakai label.

Lah kok label?
Ya, sebab trik kali ini sekarang tu masih kaya postingan sebelumnya, utak atik label.

Dimana unik nya?
Gini bro. Anggap anda punya buanyak label. 100 misalnya. Kalau pakai label biasa (defaultnya blog), sudah pasti itu 100 label akan berurutan kebawah. Bisa2 puanjaaang itu kalau postingan dan labelnya banyak. Makan tempat donk...

lihat aja punya saya, pada bagian 'Table of Content'. Dah kaya daftar isi betulan kan? ada fungsi scrollnya, sehingga tidak semua Label ditampakkan begitu aja......

Gimana buatnya? Yuk kita coba bareng.

Pertama, untuk memaksimalkan label untuk dijadikan daftar isi, saya punya saran:

label yang kita berikan pada postingan, selain kategori dari postingan itu sendiri, sertakan juga judul postingan sebagai label. Jadi, nantinya semua judul postingan akan muncul di daftar isi yang akan kita buat ini..

Sebelum memulai, pastikan anda sudah menggunakan 'label' diblog anda.

Jangan lupa download dulu templatenya ya...

Centang pada 'Expand Template Widget'

Cari kode2 seperti ini :

<b:widget id='Label2' locked='false' title='Tabel of Content' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

Kode2 diatas adalah kode untuk widget 'Label' anda.

Selanjutnya, copy code berikut :

<div style='overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee'>

(Kode ini berfungsi untuk memberikan fungsi scroll pada label. Nilai pada 'width' dan 'height' bisa sodara ganti)

Paste kode tersebut di ATAS code <ul>

Selanjutnya, copy code berikut :

</div>

Lalu paste tepat di BAWAH kode </ul>

Untuk lebih terlihat seperti daftar isi, berikan no urut didepan judul postingan/label.

Selanjutnya, save template anda, lalu preview... dah jadi kan daftar isinya...hehehe

Nah, itu tadi salah satu cara mudah bikin daftar isi, yang merupakan hasil karya dari orang yang kurang kerjaan...hehehehhe

Teman2 barangkali punya tips dan trick lain bikin daftar isi..bisa berbagi info di comment..

Klo yang ini cuma cara gampangnya aja..tapi gak mengecewakan kan hasilnya..

GAMPANGKAN!!!