Cara Membuat Widget Daftar Isi Scroll Box Otomatis

Blog Thinker : 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 putih 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.

Contoh Daftar Isi Sroll Box Otomatis :

Mau widget kaya gini?

Semoga Bermanfaat!!! Jangan lupa kasih Commentnya yah kalau sudah berasil..hehe!!