Tips Cara Membuat Daftar Isi Blog Dengan "Efek Marquee dan Scroll"

Daftar isi blog merupakan yang bagian yang tidak kalah penting pada sebuh blog, karena tanpa daftar isi, postingan-postingan lama mungkin akan jarang dibuka atau diacuhkan oleh pengunjung, dikarenakan malas membuka postingan lama, atau malas klak klik atau browsing ke postingan-postingan sebelumnya karena itu membutuhkan waktu yang relatif lama.

Mengatasi permasalahan itu saya akan berbagi memberikan tips membuat daftar isi seperti yang terlihat disisi samping GeraiBlog, ini bertujuan agar postingan lama dengan mudah bisa ditemukan oleh pengunjung blog, tinggal di scrool kebawah maka daftar postingan akan muncul satu per satu.

Berikut Langkah-langkahnya.
Pertama login ke blog kamu,
Pilih LayOut --> Add Gadget --> HTML/java Script

Untuk Daftar isi Scroll Seperti Daftar isi blog ini KoPas Kode di bawah ini :

<div style="overflow:auto; height:200px;" margin="1px" ;>
<script style="text/javascript" src="http://h1.ripway.com/icalholic/js_daftar_isi.txt"></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/><a href="http://www.geraiblog.com/2011/02/tips-cara-membuat-daftar-isi-blog.html">Dapatkan widget disini</a>

Untuk merubahnya "JANGAN LUPA MENGGANTI : http://namablogmu.blogspot.com/ DENGAN NAMA BLOG KAMU, karena kalau tidak dirubah bisa jadi hasilnya akan beda dan bukan daftar postingan blog kamu yang muncul tapi apa ya..........


Ok, selanjutnya tips merubah Daftar Isi Efek Marquee (Berjalan) KoPas kode di bawah ini, caranya tinggal copy paste saja, langsung ke TKP :

<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /><br /><script style="text/javascript" src="http://h1.ripway.com/icalholic/js_daftar_isi.txt"></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/>By <a href="http://www.geraiblog.com/2011/02/tips-cara-membuat-daftar-isi-blog.html" target="_blank">mr blog</a>

Nah beres dech..............silahkan dicoba, kalau belum berhasil itu tandanya kita diberikan kesempatan untuk terus belajar, belajar dan belajar. Semoga Sukses...!! 

 

http://www.geraiblog.com