Membuat Widget Daftar Isi di Blog

Hallo sobat blogger !! Kemarin waktu lagi surfing di dunia maya internet ini, saya menemukan tutorial yang cukup menarik untuk developing Blog sobat blogger. Maka dari itu sekarang saya mau share cara Membuat Widget Daftar Isi untuk blog. Widget Daftar Isi ini sangat berguna bagi blog sobat, khususnya bagi pengunjung, karena pengunjung dapat melihat semua isi konten pada blog sobat dan tidak usah membuka banyak halaman atau menggunakan fungsi search blog yang menunggu loading dahulu.

Pengunjung juga bisa memilih kategori/label yang diinginkan dan juga bisa mengurutkan daftar isi sesuai judul atau tanggal terbit. Sangat efektif kan ?

Modelnya seperti gambar di atas.

Naaah... penasaran cara bikinya?? Let's cekidot!!


Caranya cukup meletakkan kode dibawah ini pada Widget HTML/JavaScript di blog sobat.

<div style="width: 400px; height: 300px; overflow: auto;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://sandy-fatria-project.googlecode.com/files/auto_list.js">
</script>

<script src="http://agopoenya.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=9999"></script>

</div>

Edit bagian kode yang berwarna merah.

<div style="width: 400px; height: 300px; overflow: auto;">

Kode berwarna merah adalah Lebar dan Tinggi Widget, ganti kodenya sesuai keinginan sobat.

<script src="http://fatrias-7.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=9999">

Ganti kode berwarna merah dengan nama blog sobat.


Selamat mencoba !!!.

Posted in: Tutorial Blog