Membuat Marquee

Apa itu Marquee? mungkin buat blogger baru kata marquee tidak terlalu akrab di telinga, padahal efek marquee ini sering kita lihat pada website atau blog yang sering kita kunjungi. Marquee adalah kode HTML yang bisa membuat teks bisa berjalan, dari kiri, kanan, bawah ataupun atas.
Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Berikut ini ada beberapa contoh marquee yang bisa sobat gunakan untuk blog sobat.
I. Contoh Marquee dari gerakan

<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">
TEXT BERJALAN DARI KIRI KE KANAN
</MARQUEE>

Hasilnya :
TEXT BERJALAN DARI KIRI KE KANAN
Atribut yang biasa digunakan :
Widht = lebar blok teks dalam pixel atau persen
Title = pesan yang akan muncul saat mouse berada di atas teks
Direction = “left / right / up / down” untuk arah gerakan teks
Scrollmount = kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
Bgcolor = warna background teks
Behavior = “scroll / slide / alternate” untuk mengatur perilaku gerakan
II. Contoh Marquee dari prilaku gerakan :

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">
TEXT BERJALAN MENURUT PRILAKU
</MARQUEE>

Hasilnya :
TEXT BERJALAN MENURUT PRILAKU
III. Contoh Marquee yang didalamnya terdapat link :

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">
<a href="http://mdjiung.blogspot.com/2012/01/tips-membuat-efek-marquee.html">Tips Membuat Efek Marquee </a>
<a href="http://mdjiung.blogspot.com/2012/01/cara-membuat-banner-di-blog.html">Cara Membuat Banner di Blog </a>
<a href="http://mdjiung.blogspot.com/2012/03/cara-membuat-daftar-isi.html">Cara Membuat Daftar Isi </a>
<a href="http://mdjiung.blogspot.com/2012/01/cara-membuat-tanda-tangan-di-blog.html">Cara Membuat Tanda Tangan(Kategori) </a>
<a href="http://mdjiung.blogspot.com/2012/02/membuat-contact-form-contact-us.html">Membuat Contact Form </a>
<a href="http://mdjiung.blogspot.com/2012/02/memelihara-hewan-peliharaan-di-blog.html">Memelihara Hewan Peliharaan </a>
<a href="http://mdjiung.blogspot.com/2012/02/menyembunyikan-buku-tamu-guestbook.html">Menyembunyikan Buku Tamu </a>
<a href="http://mdjiung.blogspot.com/2012/02/pasang-iklan-dalam-postingan.html">Pasang Iklan Dalam Postingan </a>
<a href="http://mdjiung.blogspot.com/2012/01/cara-membuat-3-kolom-dibawah-footer.html">Membuat 3 Kolom di bawah Footer </a>
</marquee>