Membuat daftar isi blog dengan fungsi scroll

kali ini kita akan membahas cara membuat menu scroll di blog, fungsi scroll ini juga menghemat pemakaian tempat di blog, bayangkan kalau tanpa scroll, mungkin menu pada blog tersebut yang berisi ratusan, bahkan ribuan akan memenuhi tampilan blogsobat, (admin terlalu berlebihan ya, hehe).

Tapi banyak juga para blogger yang memasang widget menu tanpa fungsi scroll, karena itu tergantung selera masing masing,,,,

tapi jika ingin memasang fungsi scroll ini di blog sobat, lanjutkan membaca artikel ini.

1. Login ke Blogger
2. Klik Tata letak
3. Tambah gadget "Add Gadget"
4. Tambah widget "HTML"
5. Copy-Paste script dibawah ini :

<div ;="" margin="3px" style="border: 2px solid rgb(153, 153, 153); height: 200px; overflow: auto;">
<script src="http://adesanusi.googlepages.com/daftar-isi.txt">
</script><script>
var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;
</script><script src="http://pli-it.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts">
</script></div>

6. ubahlah teks yang berwarna merah dengan url blog sobat.

hasilnya seperti ini :

ini adalah daftar isi dari http://pli-it.com

untuk ukuran, biasanya widget ini akan menyesuaikan dengan sidebar widget blog sobat. atau bisa juga dengan mengganti kode heigth yang ada di kode html widget ini.

selamat mencoba..