Cara Membuat Widget Daftar Isi Scroll Box Otomatis

Blog Ansyari : Cara Membuat Widget Daftar Isi Scroll Box otomatis Membuat Daftar Isi dengan Scroll Box Secara Otomatis tidaklah terlalu sulit loh, tentunya bagi sobat yang mau berusaha dan berfikir..hehe! 
Okelah kalo begitu,  langsung aja deh kita simak bareng bareng langkah-langkah membuat widget Daftar Isi dengan Scroll Box Secara Otomatis nya, 

Step 1.
Langakah pertama yang harus kita lakukan adalah Log in ke akun Blogspot kita,
Masuk ke Dasboard >> Rancangan >> Page Element >> Add Widget >> Javascript/HTML


Step 2.
Copy paste kode dibawah ini :

<div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">

<script src="https://sites.google.com/site/bloggermyblog/TableOfContents.js">

</script>

<script>

var numposts = 1000;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

var standardstyling = true;

var shownumposts = true;

</script>

<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts">

</script></div>

<div align="right" style="font-size: 11px; padding: 16px 5px 5px;">

<a href="http://blog-thinker.blogspot.com" style="color: black;" target="_blank">Mau widget kaya gini?</a></div>

Step 3.
Simpan Widget, dan lihat hasilnya.

Catatan : Kode yang berwarna merah dapat kamu ubah sesuka hati kamu, sesuaikan dengan letak dan penempatannya. Border adalah frame atau bingkai, ganti dengan angka 0 jika tidak ingin menggunakan frame atau bingkai. Height adalah tinggi Scroll Boxnya, ganti angka 200 dengan angka sesuka hati kamu.