Membuat Efek Marquee

Posted by Banu Utomo Labels: Blog Tutorial, Efek Marquee, tips blog, tips dan trik blog

Apa itu Marquee? mungkin buat blogger baru kata marquee tidak terlalu akrab di telinga, padahal efek marquee ini sering kita lihat pada website atau blog yang sering kita kunjungi. Marquee adalah kode HTML yang bisa membuat teks bisa berjalan, dari kiri, kanan, bawah ataupun atas, untuk teks yang mutar - mutar goyang ngebor saya tidak bisa ajarkan sobat, karena hal itu bukan keahlian saya.
Untuk yang satu itu bisa sobat tanyakan langsung ke tante Inul, hihihi..

Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Seperti yang sobat lihat di sebelah kanan kolom sidebar blog saya, ada menu yang bergerak dari kanan ke kiri, bagus kan seperti grup marching band lagi baris berbaris, hehe..

***Contoh Marquee dari gerakan :

<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="80%">

TEXT BERJALAN DARI KIRI KE KANAN

</MARQUEE>

Hasilnya :

TEXT BERJALAN DARI KIRI KE KANAN

Atribut yang sering digunakan antara lain :

Widht = "lebar" --> Lebar blok teks dalam pixel atau persen
Title = "pesan" --> Pesan akan muncul saat mouse berada di atas teks
Direction = "left/ right/ up/ down" --> Arah gerakan teks
Scrollmount = "angka" --> Kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
Scrolldelay = "angka" --> Untuk mengatur waktu tunda gerakan
Loop = "angka|-1|infinite" --> Mengatur jumlah loop
Bgcolor = "warna" --> Warna background teks
Behavior = "scroll/ slide/ alternate" --> Untuk mengatur perilaku gerakan

***Contoh Marquee dari prilaku gerakan :

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="70%"behavior="alternate">

TEXT BERJALAN MERUBAH PERILAKU

</MARQUEE>

Hasilnya :

TEXT BERJALAN MERUBAH PERILAKU

Ganti kata right dengan left, up atau down sesuai keinginan sobat.

***Contoh Marquee yang didalamnya terdapat link :

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

<a href="http://banuutomo.blogspot.com/2009/11/shareapic-upload-gambar-di-bayar-dollar.html"> Shareapic - Upload Gambar di Bayar Dollar$$</a>

<a href="http://banuutomo.blogspot.com/2009/11/penghasilan-dari-ppc-lokal-kumpul.html"> Penghasilan dari PPC Lokal - KumpulBlogger</a>

<a href="http://banuutomo.blogspot.com/2009/11/linkbucks-merubah-link-menjadi-dollar.html">Linkbucks - Merubah Link Menjadi Dollar $$</a>

<a href="http://banuutomo.blogspot.com/2009/10/income-tambahan-dari-ziddu.html"> Income Tambahan dari Ziddu</a>

<a href="http://banuutomo.blogspot.com/2009/09/tips-shvoong-bisa-dapet-dollar-dan.html"> Tips Shvoong dapet Traffic dan Dollar</a>

<a href="http://banuutomo.blogspot.com/2009/10/reviewmu-paid-review-pertama-di.html">ReviewMu-Part Review Pertama di Indonesia</a>

<a href="http://banuutomo.blogspot.com/2009/10/adreviewcamp-paid-review-indonesia.html">AdReviewCamp-Paid Review Indonesia</a>

<a href="http://banuutomo.blogspot.com/2009/10/dollar-dr-ptc-paid-to-click.html">Dollar dari PTC (Paid To Click)</a>
</marquee>