Membuat Table Of Content ( Daftar Isi Berdasarkan Label )

akhirnya bisa posting blog lagi nich... kali ini saya akan menjelaskan penemuan terbaru hasil jalan-jalan di dunia ghaib... eh salah di dunia maya alias internet. disini saya akan membahas tentang cara membuat Table Of Content(TOC) atau kita biasa nyebut membuat daftar isi. soalnya hampir kebanyakan bilangnya begitu. langsung aja ya... dari sekian banyak cara membuat daftar isi, seperti Disini, disana atau disitu, tips kali ini akan menerangkan bagaimana membuat daftar isi berdasarkan label atau kategori. biasanya daftar isi ini disimpan di sidebar ataupun di postingan. Tujuan dasar dari pembuatan daftar isi ini tidak lain agar pengunjung dipermudah mencari artikel yang mereka butuhkan.

Langkah pertama yang dilakukan yaitu kalian loncat, maksudnya kalian login dulu ke blog kalian. selanjutnya pilih entri baru ( karena disini saya akan menjelaskannya langsung di simpan di posting blog ).

setelah itu copy paste script berikut, dan jangan lupa kasih judul biar lebih menarik, seperti Daftar isi berdasarkan label.
Berikut ada 2 script, yang pertama tanpa scroll dan yang kedua menggunakan fasilitas scroll (biar ga kepanjangan)

1. Untuk yang biasa

<script style="text/javascript" src="http://myscriptforme.googlecode.com/files/TOCcategory.js"> </script>
<script src="http://www.z33s.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

2. Untuk yang menggunakan scroll

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<script style="text/javascript" src="http://myscriptforme.googlecode.com/files/TOCcategory.js"></script>
<script src="http://www.z33s.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
</div>

Catatan : Ganti kode warna merah dengan alamat URL kalian.

selanjutnya kalian klik terbitkan entri dan jadi dech.... sekarang tinggal kalian bikin link untuk memanggilnya. biasanya disimpan di menu atau dimana aja terserah kalian yang penting pengunjung bisa tahu.
contoh pemanggilan link nya seperti ini :

<a href='ISI DENGAN LINK DAFTAR ISI KALIAN' target='_blank'>DAFTAR ISI</a>

contoh punya saya:
<a href='http://www.z33s.co.cc/2010/07/daftar-isi.html' target='_blank'>DAFTAR ISI</a>

untuk contoh nya klik disini...

semoga artikel ini bermanfaat buat kalian dan jangan lupa kasih komentarnya apabila ada kesalahan pada penulisannya...