Cara Membuat Marquee (Gambar Bergerak)



Pada kesempatan kali ini saya akan membahas mengenai marquee, apa itu marquee? Seperti judul postingan di atas, Marquee adalah Text atau Gambar yang Bergerak. Jika masih belum paham....?? silahkan lihat di bagian atas tulisan blog ini yang judulnya Damainya Alam Sekitarku .

Jika sudah melihat itu anda pasti tau apa itu marquee. baiklah..... saatnya eksyen agar tahu bagaimana cara membuat marquee tersebut.Namun ini sebagai pengetahuan dasar saja buat anda, marquee bisa digunakan untuk text atau gambar yang bergerak, link, dan gambar. Sedangkan marque 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. 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.

Terus berkarya & selamat mencoba........

Tidak ada komentar:

Poskan Komentar