Rizkythea

"cara buat running text dan buat link jadi bergerak dari atas ke bawah dong..."

Begitulah salah satu pertanyaan yang muncul di blog ini. Rada bingung sebenarnya saya denger kata running text, tapi setelah dicermati ternyata yang dimaksud si penanya adalah teks marquee. Sebenernya saya agak kurang percaya nih sama yang nanya apa bener2 ga bisa atau cuma iseng-iseng nanya? Tapi yah lebih baik kita berkhusnuzon sajalah mungkin dia benar-benar ga bisa dan akhirnya saya buat deh tutorial membuat teks marquee ini, mudah-mudahan sedikit banyak bisa membantu.

Teks marquee ini berguna untuk menghemat space disaat blogroll kita sudah dipenuhi link2 baik yang teks maupun banner. Sebenarnya kalo kita artikan menurut semantik sepertinya kata Marquee ga ada hubungan dengan teks berjalan. Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung” (kata mas Hakimtea). Loh ko jauh banget yah, ga nyambung gitu loh.. Saya juga bingung kenapa musti pake istilah marquee.

Oke deh daripada kita bingung lebih baik langsung praktek. Untuk membuat teks marquee format dasarnya seperti ini

<marquee>TEKS ANDA</marquee>

Tapi karena yang ditanyakan link jadi bergerak dari atas ke bawah maka kodenya seperti ini

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rizkythea.blogspot.com" target="new">Rizkythea</a><br/>

<a href="http://rizkythea.blogspot.com/2009/05/belajar-seo-para-pemula.html" target="new">Belajar SEO Para Pemula </a><br/>

<a href="http://rizkythea.blogspot.com/2009/05/tukang-nggame.html" target="new">Tukang Nggame </a><br/>

</marquee>

Hasilnya seperti ini


Rizkythea


Belajar SEO Para pemula


Tukang Nggame



Kalau ingin bergerak dari bawah keatas tinggal mengganti tulisan "up" menjadi "down".
Jika jaraknya dirasa terlalu jauh maka tinggal hapus saja kode <br/> nya.
Sebenarnya masih banyak macam-macamnya, berhubung sedang malas jadi saya hanya menulis yang ditanyakan saja.

Selamat mencoba!!