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

Comments :

1
RIZQI computer mengatakan...
on 

segera bergambung bersama TIM Kami.....

Posting Komentar