Sabtu, 21 Agustus 2010

Membuat Widget Daftar Isi Dengan Label

Daftar Isi sebuah blog sangatlah berguna buat pengunjung blog kita, dengan adanya daftar isi, pengungjung bloh akan lebih mudah mencari artikel-artikel yang menurutnya menarik untuk dibaca dalam blog kita, namun banyak cara untuk membuat daftar isi tersebut, dan diantaranya adalah daftar isi yang akan saya jelaskan kepada sobat-sobat semua. Daftar isi kali ini sedikit berbeda dengan yang terdahulu, yaitu dengan menggunakan javascript dan berbentuk widget. cara membuat widget daftar isi perlabel dengan menggunakan javascript adalah sebagai berikut



Log In ke blogger sobat di http://blogger.com

Masuk ke RANCANGAN - Elemen Halaman - Tambah Gadget dan pilih HTML/Javascript

Masukan kode dibawah ini kedalam kotak HTML/Javascript tersebut








<div style="overflow:auto;width:300px;height:180px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sites.google.com/site/bloggermyblog/javascript/tableofcontent.js"></script><script src="http://azrut91.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>







Catatan :



  1. Ganti Tulisan http://azrut91.blogspot.com dengan alamat blog sobat


  2. width:300px;height:180px adalah lebar dan tingginya, silahkan sobat sesuaikan sendiri dengan sidebar blog sobat

Selesa. sekarang simpan dan lihat hasilnya


Semoga berhasil :-)

0 komentar:

Posting Komentar