Bagaimana Membuat Daftar Isi Blog Dengan Efek Marquee dan Scroll

Daftar isi merupakan komponen yang mungkin dibilang penting pada sebuah website/blog, karena tanpa daftar isi, postingan lama mungkin akan jarang dibuka atau akan diacuhkan oleh pengunjung dikarenakan malas membuka postingan lama, malas klak klik atau browsing ke postingan lama karena itu membutuhkan loading yang relatif lama.

Dengan daftar isi, pengunjung tidak akan tersesat dan menemukan apa yang dicari. Karena daftar isi merupakan komponen yang penting maka kita langsung aja mempraktikannya. Ikuti langka-langka berikut :

1. Pertama login ke blog kamu
2. Pilih LayOut --> Add Gadget --> HTML/java Script
3. Copy script berikut
• Untuk Daftar Isi Efek Scroll
<div style="overflow:auto; height:200px;" margin="1px" ;><<br/> <script style="text/javascript" src="http://sites.google.com/site/icalcell/javascript/daftarisiku.js"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script></div><br/>
NB: Tulisan warna biru "namablogmu" ganti dengan nama blog kamu.
• Untuk Daftar isi Efek Marquee (bergerak)
  
  <marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /><br /><script style="text/javascript" src="http://sites.google.com/site/icalcell/javascript/daftarisiku.js"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablogmu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></marquee><br/>
NB: Tulisan warna biru "namablogmu" ganti dengan nama blog kamu
4. Terakhir jangan lupa Simpan