Membuat kata yang bergerak dapat menarik minat pengunjung terhadap gerakan tersebut selanjutnya menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog.
Selain dikenal sebagai scrolling text, ia juga dikenal sebagai marquee text.
Meskipun gerakan ini menarik, tetapi tidak dianjurkan untuk diletakkan terlalu banyak di dalam blog karena mengkhawatirkan kondisi 'menarik' berubah 'menyerabutkan'. :)
Berikut adalah tutorial untuk membuat kata bergerak.
Tutorial ini akan dimulai dengan metode paling dasar dan juga ditempatkan penambahan.
1. Kode dasar untuk kata bergerak (dari kiri ke kanan adalah)
<marquee>Contoh scrolling text</marquee>
2. Ubah gerakan kata
Penambahan kode berikut diperlukan dalam kode asli.
direction = "left"
direction = "right"
direction = "up"
direction = "down"
Berikut contoh kode untuk pegerakan dari kanan ke kiri
<marquee direction="right" >Contoh scrolling text</marquee>
3.Ubah warna background
Untuk mengubah background, harus ditempatkan kode berikut
bgcolor = "# kode warna"
Contoh kode yang diletakkan background
<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>
4. Kata dalam kondisi 'elastis'
Penambahan kode berikut diperlukan ke dalam kode asli.
behavior = "alternate"
Contoh kode yang diletakkan trick ini.
<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>
5. Ubah kecepatan kata.
Gerakan juga dapat diubah dengan menambahkan kode berikut
scrollamount = "2"
Contoh kode dengan trick ini.
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>
6. Pause ketika cursor dilewatkan.
Kata yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.
Penambahan kode yang perlu dilakukan adalah
onmouseover = "this.stop ()" onmouseout = "this.start ()"
Contoh kode dengan trick ini.
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>
Selamat mencoba...