Cara Membuat Teks Bergerak (Marquee)

Sebelum kita membahas mengenai marquee, saya akan berbicara sedikit mengenai apa itu marquee. Seperti judul postingan di atas, Marquee adalah Text Bergerak. Masih belum ngerti juga....?? Itu tuh yang tulisannya kaya mobil, bisa berjalan tea__ Hii__ sundaniss___
OK.....sekarang saatnya bagaimana cara membuat marquee tersebut. Eittt tapi tunggu dulu...sebagai pengetahuan sobat saja, marquee bisa digunakan untuk text bergerak, link, dan gambar. Dan juga marque bisa digunakan di semua bagian blog. Tentunya....sobat harus tahu dulu bagaimana cara bikinnya . Ok..deh kita mulai aja. Format dasar Marquee Sebuah marquee mempunyai format seperti berikut :

<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>

 

Nah....pada kata yang berwarna biru itu, silahkan ganti dengan Text / Link / Url Gambar yang akan sobat jadikan supaya bergerak. Berikut keterangan dari kode HTML diatas :

• 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 marqueetersebut.
• width="200px" --> batas horizontal marquee.

Nah....sekarang bisa khan membuat marquee....?. Sebagai contoh, silahkan sobat copy paste kode berikut dan masukan pada blog sobat.

<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%"><a href="http://kursus-blog.blogspot.com" target="_blank" alt="Kursus Blog">Kursus Blog</a></marquee>

 

Ket:

• Marquee tsb menggunakan link.
• Saya sarankan untuk mempermudah sobat mempraktekkan marquee tsb, sobat simpan di sidebar blog sobat. Caranya klik layout pilih page element lalu add new page element kemudian pilih html/javascript, lalu paste kode diatas.

Sip__ Selesai deh tugas gw buat berbagi sama situ___
Semoga bermanfaat....