Anda di halaman 1dari 1

Cara Membuat Marquee (Text Bergerak)

Sebelum saya membahas mengenai marquee, saya akan berbicara sedikit mengenai apa
itu marquee. Seperti judul postingan di atas, Marquee adalah Text Bergerak. Masih belum
ngerti juga....?? silahkan lihat di bagian sidebar blog ini yang judulnya kerabatku.

Nah...pastinya kalo sudah liat itu sobat pasti tau apa itu marquee. 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
marquee tersebut.
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. Kalo sobat belum tahu cara buat link silahkan ikuti
bagaimana cara buat 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.
Selamat mencoba........Jangan lupa ninggalin comment yah.....! Kalo mo Langganan
artikel baru silahkan pilih salah satu