Sebelum saya membahas mengenai marquee, saya akan berbicara sedikit mengenai apa itu marquee. Seperti judul postingan di atas, Marquee adalah Text Bergerak., sekarang saatnya bagaimana cara membuat marquee tersebut,. Eittt tapi tunggu dulu...sebagai pengetahuan saja, marquee bisa digunakan untuk text bergerak, dan gambar. Dan juga marque bisa digunakan di semua bagian blog. Tentunya....anda harus tahu dulu bagaimana cara bikinnya . Ok..deh kita mulai aja. Format dasar Marquee Sebuah marquee mempunyai format seperti berikut :
Nah....pada kata yang berwarna biru itu, silahkan ganti dengan Text / Link / Url Gambar yang akan anda jadikan supaya bergerak. Berikut keterangan dari kode HTML diatas :
Ket:
<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%">TEXT atau LINK atau URL gambar anda</marquee>- onmouseout="this.start()" --> text akan bergerak jika pointer tidak diarahkan ke text
- direction="up" --> text akan bergerak ke atas. Bisa diganti dengan down, left, atau right.
- align="center" --> text rata tengah
- scrollamount="2" --> kecepatan bergerak (makin besar angka berarti makin cepat)
- height="100px" --> batas vertikal marquee.
- onmouseover="this.stop()" --> marquee akan berhenti ketika mouse diarahkan ke zona marquee tersebut.
- width="200px" --> batas horizontal marquee.
<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%"><a href="http://geniusx-pro.blogspot.com" target="_blank" alt="geniusx-pro">geniusx-pro</a></marquee>- Marquee tsb menggunakan link. Kalo anda belum tahu cara buat link silahkan ikuti bagaimana cara buat link.
- Saya sarankan untuk mempermudah anda mempraktekkan marquee tsb, anda simpan di sidebar blog anda. Caranya klik layout pilih page element lalu add new page element kemudian pilih html/javascript, lalu paste kode diatas.
