Membuat Daftar Isi Blog Dengan Efek Marquee Berjalan

Mengotak-atik tampilan blog memang kesukaan saya (It's fun!).Motto saya simpel aja "Kalau Hancur Hasilnya,yah Di Akalin Lagi Sampai BISA" ;).. Sebelum saya mulai,coba deh anda liat dulu tampilan "Daftar isi blog" saya.. gmana..?tertarik untuk membuat-nya juga untuk blog anda?Nih,saya beberkan cara untuk membuatnya.Ready...GO!!!^^

Caranya mudah koq..
1. Login dulu ke BLOGSPOT anda,lalu masuk ke TATA LETAK -> TAMBAHKAN ELEMEN.

2. Pilih elemen HTML/JAVASCRIPT.

3. Di kolom JUDUL,anda masukkan judul elemen sesuai dengan keinginan anda.

4. Lalu masukkan code dibawah ini ke kolom KONTEN:

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /><br /><script style="text/javascript" src="http://adesanusi.googlepages.com/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://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></marquee>

5. Ganti Tulisan Berwarna "NAMABLOGANDA" pada kode tersebut gengan Alamat Blog Anda.

6. Selanjutnya,tinggal di SAVE..,Dan Lihat Hasil kerja anda.

Untuk membuat DAFTAR ISI BLOG dengan tampilan scrollbarr,anda tinggal mengganti kode diatas dengan kode dibawah ini:

<div style="border: #0080FF; overflow: auto; height: 350px;" margin="5px"><script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = <br /><br />false;var numchars = 100;var standardstyling = true;</script><script src="http://dunia-blogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-scr ipt&max-results=999&callback=showrecentposts"></script></div>By: [<a href="http://dunia-blogger.blogspot.com">Angga Leo Putra</a>]

7. Finally,semoga bermanfaat..

See u..^^