MEMBUAT EFEK MARQUEE DI BLOG

Istilah Marquee sudah tidak asing lagi bagi para blogger dan saya sebelumnya juga masih belum begitu mengenalnya, namun mungkin bagi pemula yang baru mendengar kata marquue ini, tentunya ingin mengetahui bagaimana fungsi marquee didalam blog.

Pertanyaan, apa itu Marquee? singkatnya adalah teks atau gambar-gambar yang berjalan atau dapat bergerak secara horizontal dari kiri kekanan, kanan ke kiri,atau secara vertikal dari bawah ke atas/bolak balik, bahkan teks yang dapat berkedip-kedip.

Marquue merupakan program dalam bentuk HTML yang dapat di gunakan untuk lebih menghemat space posting di blog,juga dapat digunakan untuk memasukan link-link ke dalam Widget atau posting Anda.Program Marquee dinamis dan terlihat menarik untuk dilihat bagi pengunjung

1. Teks bergerak dari kanan kekiri
   
   

   <marquee>Teks Anda Diletakan disini</marquee>

   
   Teks Anda Diletakan Disini
   
   
2. Teks bergerak dari kanan kekiri dan bila mouse diarahkan ke teks berhenti
   
   

   <marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda Diletakan Disini</marquee>

   
   Teks Anda Diletakan Disini
   
   
3. Teks bergerak dari kiri kekanan
   
   

   <marquee direction="right">Teks Anda Diletakan Disini</marquee>

   
   
   Teks Anda Diletakan Disini
   
   
4. Teks bergerak bolak balik
   
   

   <marquee behavior="alternate">Teks Anda Diletakan Disini</marquee>

   
   
   Teks Anda Diletakan Disini
   
   
5. Teks bergerak bolak balik dengan sangat agresif
   
   

   <marquee behavior="alternate" scrollamount="18">Teks Anda Diletakan Disini</marquee>

   
   
   Teks Anda Diletakan Disini
   
   
6. Teks bergerak bolak balik, bila mouse diarahkan ke teks berhenti
   
   

   <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda Diletakan Disini</marquee>

   
   
   
7. Teks bergerak dari bawah keatas
   
   

   <marquee direction="up">Teks Anda Diletakan Disini</marquee>

   
   
   Teks Anda Diletakan Disini
   
   
8. Teks bergerak berkedip-kedip
   
   

   <blink>Teks Yang Akan Dibuat Berkedip-kedip</blink>

   
   
   Teks Yang Akan Dibuat Berkedip-kedip
   
   
9. Teks berwarna bergerak bolak balik

<br /><div align="left"><b><marquee behavior="alternate" width="500%" scrollamount="3" bgcolor="BLUE"><br /><span style="font-weight:bold;">TEKS ANDA LETAKAN DISINI<br /></span></marquee></b></div><br />

TEKS ANDA LETAKAN DISINI

Contoh hasil dari berbagai jenis tampilan Marquee dapat Anda gunakan sesuai dengan pilihan yang akan dimasukan kedalam blog atau Widget. Berdasarkan beberapa pilihan Marquee, sebagai dasar pengenalan atribut yang digunakan dalam program Marquee adalah sebagai berikut :

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 waktu tanda gerakan dalam pixel, semakin besar angka semakin 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

Marquee juga bisa ditaruh Link-link didalamnya :

Contoh yang terdapat link yaitu

<br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <br /><br /><br /><a href="http://roza29.blogspot.com/2009/06/membuat-blog-di-blogercom.html"<br />> Membuat account dan Blog</a><br /><p></p><br /><br /><br /><a href="http://roza29.blogspot.com/2009/06/mengatur-arsip-posting-didalam-blog.html"<br />> Mengatur arsip posting</a><br /><p></p><br /><br /><br /><a href="http://roza29.blogspot.com/2009/06/membuat-posting-pada-blog.html"<br />> Cara posting di Blog</a><br /><p></p><br /></marquee><br />

Anda bisa mengatur fungsi marquee yang dikehendaki agar bisa lebih memiliki mengembangkan variasi yang lebih menarik

Posted in: Membuat Efek Marquee