Tampilan Daftar Isi Menggunakan Efek Marquee

Tampilan Daftar isi dengan menggunakan efek marquee, tidak kalah menarik dengan daftar isi yang menggunakan menu drop down ataupun scroll box.

Kelebihan daftar isi ini selain menghemat tempat, juga mempunyai tampilan efek gradasi pada backgroundnya. Dan yang lebih menarik lagi, daftar isi ini menggunakan efek marquee.

Sehingga daftar isi terus bergerak keatas, dan daftar isi akan berhenti bila cursor mouse diletakkan tepat diatasnya.

Kecepatan gerak daftar isi ditentukan oleh nilai scrollamount, semakin kecil nilainya maka akan semakin lambat.

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://http://aphyt-stress.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></marquee>

5. Ganti Tulisan Berwarna Merah "aphyt-stress" pada kode tersebut Dengan 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. Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......,

Terima kasih. ^_^