Cara Membuat Daftar Isi Otomatis Pada Blog

Kali ini saya akan menyampaikan cara membuat daftar isi blog secara otomatis pada blog. Daftar isi atau sitemap di blog memang sangat penting, Karena dapat memudahkan para pengunjung untuk mengetahui semua daftar dari isi blog itu sendiri. Kegunaan yang lain adalah agar lebih memudahkan visitor atau pengunjung blog dalam mencari konten atau artikel posting yang di butuhkan.

Jika anda ingin memasang iklan pada blog anda, Kemungkinan besar blog anda akan di review oleh pemasang iklan. Apakah layak atau tidak blog anda di tempeli iklan dari penyedia iklan. Yang biasa menonjol di review adalah tentang apakah navigasi pencarian konten berbelit-belit dan tepat pada tujuan yang di cari atau tidak, Kemudian apakah ada pemasangan sitemap atau daftar isi pada blog atau tidak.

Menurut Webmaster, Memasang daftar isi atau sitemap pada blog itu wajib hukumnya. Sebab untuk menunjang agar menjadi suatu blog yang profesional memang harus mempunyai navigasi pencarian yang tertuju dengan benar untuk memudahkan para pengunjung atau visitor mencari apa yang di cari atau di butuhkan dalam blog tersebut.

Contohnya daftar isi otomatis ini  bisa anda lihat pada blog ini, semua artikel yang dibuat akan langsung terindeks dengan sendirinya sehingga anda tidak perlu susah-susah memasang judul artikel satu-persatu pada halaman blog anda. Daftar isi otomatis ini bisa anda letakan didalam postingan artikel dan anda juga dapat meletakannya dibagian sidebar blog anda.

Komponen yang sangat penting dalam daftar isi adalah Label, karena apabila artikel anda belum diberi label (kategori) maka artikel anda tidak bisa terindex sebab daftar isi otomatis ini berdasarkan label (kategori). Silahkan baca Cara Untuk Mengisi Label (Kategori) Pada Sebuah Artikel Blog

Cara membuat daftar isi otomatis pada blog ini adalah sebagai berikut :

1. Membuat daftar isi pada postingan blog

• Login terlebih dahulu ke akun blog anda
• Setelah anda login Klik Entri Baru
• Pilih mode entri pada Bagian HTML
• Copy kode berikut

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px; height:220px; background-color: transparant; inset rgb(8, 8, 8);">

<script style="text/javascript" src="http://dapur-tutorial-blogspot.googlecode.com/files/daftar%20isi%20otomatis.js">

</script>
<script src="http://www.bistori.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

</div>

NB :
Width;250 px; adalah panjang kotak daftar isi
height:220px; adalah Tinggi kotak daftar ini
http://www.bistori.blogspot.com  ubah dengan URL atau alamat blog anda


• Paste kode pada halaman yang tadi sudah anda pilih pada mode HTML seperti pada gambar berikut


• Kemudian Klik Publikasi atau Terbitkan Entri dan lihat hasilnya

 2. Membuat daftar isi pada Sidbar blog

• Login terlebih dahulu ke akun blogger anda
•  Pilih Tata letak
•  Pilih HTML/JavaScript
•  Copy Kede Berikut 

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px; height:220px; background-color: transparant; inset rgb(8, 8, 8);">

<script style="text/javascript" src="http://dapur-tutorial-blogspot.googlecode.com/files/daftar%20isi%20otomatis.js">

</script>
<script src="http://www.bistori.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

</div>


Atau anda bisa pakai model lain seperti yang anda lihat di bistori.blogspot.com

<div style="overflow:auto;width:315px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://bistori.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

NB :
Width;250 px; adalah panjang kotak daftar isi
height:220px; adalah Tinggi kotak daftar ini
http://www.bistori.blogspot.com  ubah dengan URL atau alamat blog anda

• Paste pada Box HTML/JavaScript yang tadi sudah anda pilih seperti pada gambar berikut 
• Jangan Lupa Isi judul widget dengan daftar isi blog
• Terakhir klik simpan dan lihat hasil