Membuat Daftar Isi Blogger Secara Otomatis

Membuat daftar isi blogger secara otomatis kini semakin mudah caranya, salah satunya haya tinggal meng-copy dan paste kode/script daftar isi di postingan dalam Mode Edit HTML seperti ketika kita sedag menulis artikel biasanya.

Suatu blog kalau tanpa sebuah daftar isi mungkin rasanya seperti ada sesuatu yang kurang.. katakanlah peta situs, karna pengunjung atau visistor blog akan lebih dipermudah dalam mencari artikel atau menemukan artikel yang disukai berdasarkan label atau artikel terkait

Ada beberapa macam daftar isi untuk blogger yang bisa dipasang di sebuah blog seperti daftar isi otomatis di post page atau juga bisa kita buat daftar isi pada sidebar dan ada scroll nya yang bisa kita geser kebawah atau ke atas agar tidak memakan banyak tempat.

Kita bahas satu-satu ya.. bagaimana cara pasang daftar isi otomatis di blogspot

Bagaimana cara membuat daftar isi blog otomatis yang tersortir secara otomatis berdasarkan abjad seperti pada Daftar Isi Blog AfileZ ?

Caranya cukup mudah koq, kita tinggal Meng-copy script di bawah ini

<script style="text/javascript" src="http://harapanputra.googlecode.com/files/daftarisiblogotomatis.js"> </script>
<script src="http://afilez.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


Ganti Tulisan yang berwarna merah dengan alamat blog kamu. Setelah itu terbitkan/publish post, selesai....

Contoh gambarnya lihat dibawah ini :



Gimana, udah dicoba..?? mudah bukan, kalau ada yang kurang jelas silahkan dech nanya aja lewat kotak komentar di bawah.

Terus yang kedua cara membuat daftar isi secara otomatis pada sidebar bisa dicoba dengan cara seperti dibawah ini :

Pada menu dashboard blogger klik pada menu Design atau rancanga, pada halaman Page Elements tambahkan Gadget atau klik Add a Gadget. Lihat Contoh gambar dibawah ini:



Tulis atau Copy-Paste kode di bawah ini dan taruh di gadget HTML


<div style="overflow: auto; width: 285px; height: 500px; text-align: left;">
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://afilez.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Jangan lupa tuh diganti dulu yang tulisan warna merah dengan alamat blog sobat !

Contoh gambarnya ada dibawah ini :



kalau sudah klik Save ya...! lihat aja dah jadi koq...

trus kalau mau yang beda lagi ada cara lain membuat daftar isi blog yang lebih keren dari yang diatas tapi entar dulu ya... qw mau keluar dulu cari minuman ntar qw update lagi...


Chintya