Cara Membuat Efek Marquee (Tulisan Berjaalan)

Cara Membuat Efek Marquee (Tulisan Berjaalan)

Sobat sekalin udah tau belum Cara Membuat Efek Marquee (Tulisan Berjaalan)?? Caranya mudah kok, bagi sobat sekalian yang belum tau, tenang aja om kempul akan membahasnya di postingan kali ini. Inti dari kode HTML Marquee adalah di awali dengan tag tag <marquee> dan di akhiri tag </marquee>. Lihat contoh berikut :

marquee berjalan dari arah bawah ke atas, silahkan tunjuk ke sini

marquee dengan variasi hurup

marquee berjalan dari arah kanan ke kiri

Learn English


Hot Chord


Blogging

Nah sekarang kita pelajari kode HTML nya :

1. Kita harus memahami dulu atribut-atribut yang nanti akan kita gunakan :
   
   BGCOLOR = "warna" / Untuk mengatur warna background (latar belakang) teks
   
   DIRECTION = "left/right/up/down" / Mengatur arah gerakan teks
   
   BEHAVIOR = "scroll/slide/alternate" / Untuk mengatur perilaku gerakan
   
   Scroll = "teks bergerak berputar"
   
   Slide = "teks bergerak sekali lalu berhenti"
   
   Alternate = "teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )"
   
   TITLE = "pesan" / Pesan akan muncul saat mouse berada di atas teks
   
   SCROLLMOUNT = "angka" / mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
   
   SCROLLDELAY = "angka" / Untuk mengatur waktu tunda gerakan dalam mili detik
   
   LOOP = "angka|-1|infinite" / Mengatur jumlah loop
   
   WIDTH = "lebar" / Mengatur lebar blok teks dalam pixel atau persen
   
   
2. Marquee yang berjalan dari arah Kanan ke Kiri :
   
   
   
   
   
   
   

   <MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
   
   Marquee yang berjalan dari arah Kanan ke Kiri
   
   </MARQUEE>

3. Marquee yang berjalan dengan arah Memantul :
   
   
   
   
   
   
   

   <MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
   
   Marquee yang berjalan dengan arah Memantul
   
   </MARQUEE>

4. Marquee dengan Mengunakan Latar :
   
   
   
   
   
   
   

   <div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
   
   Marquee dengan Mengunakan Latar
   
   
   
   </MARQUEE></b></FONT></div>

5. Marquee dari arah Bawah ke Atas, jika di sorot mouse akan berhenti gerakannya.
   
   
   
   
   
   
   

   <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
   
   Marquee dari arah Bawah ke Atas
   
   </marquee>

6. Marquee juga bisa di isi dengan link
   
   
   
   
   
   
   

   <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://boso-inggris.blogspot.com/" target="new">Learn English</a><br/>

<a href="http://updatechordgitar.blogspot.com/" target="new">Update Chord Gitar</a><br/>

<a href="http://blog-qucluk.blogspot.com/" target="new">Bloggig </a><br/>

</marquee>

7. Peringatan :
   a. Direction bisa diganti sesuai dengan kebutuhan, seperti :left, right, up, down.
   b. Semua settingan seperi width, scrollamoun,height, bisa diganti sesuai kebutuhan.
c. Jika mengiginkan didalam marquee terapat tulisan berbentuk link, sobat sekalian tinggan menulis isinya dengan ditambahi:
<a href="alamat tujuan" target="new">Kata-kata</a>
   
   
8. Selamat mencoba . . . Salam Blogger.,...