Cara Membuat Efek Marquee
Anda sudah kenal dengan marquee? Marquee adalah suatu program HTML yang membuat teks bisa bergerak atau berjalan. Selain scrollbar, marquee juga digunakan untuk menghemat ruang blog kita dan bisa mempercantik tampilan blog karena bentuknya yang dinamis.
Berikut adalah contoh marquee:
Mau tau cara membuat nya?
Berikut Kode Untuk Membuat Marquee:
1. Marquee Searah
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">Marquee Dari Kiri ke Kanan</MARQUEE>
Hasilnya:
2. Marquee Mundar-Mandir
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">Marquee Mundar-Mandir</MARQUEE>
Hasilnya:
3. Marquee Dengan Variasi Huruf Dan Background
<div align="left"><FONT FACE="monotype corsiva" color="White"><B><MARQUEE BGCOLOR="Blue" width="70%" scrollamount="3" behavior="alternate">Marquee Dengan Variasi Huruf Dan Background</MARQUEE></b></FONT></div>
Hasilnya:
4. Marquee Berhenti Jika Diarahkan Mouse
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">Marquee Berhenti Jika Diarahkan Mouse</marquee>
Hasilnya:
Anda juga bisa memasukkan link ke dalam marquee. Tipe ini sangat cocok untuk membuat Blogroll.
Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://doigirls.blogspot.com" target="_blank">DoiGirls</a><br/>
<a href="http://blogger-driver.blogspot.com" target="_blank">Blogger Driver </a><br/>
<a href="http://tipsbloggerzacky.blogspot.com" target="_blank">Tips Blogger Zacky </a><br/>
</marquee>
Hasilnya:
Keterangan:
1. direction="right" menunjukkan arah marquee. Bisa anda ganti dengan left, up, atau down.
2. height="200" menunjukkan tinggi marquee
3. width="100%" menunjukkan lebar marquee
Gimana? Sangat menarik kan?
Selamat mencoba…
Jangan lupa kasih komentar ya…
5 komentar:
maaf mas mau tanya. membuat Marquee caranya gmana?
apa caranaya sama seperti membuat teks berjalan di edit html atau gmana? saya kurang jelas. mohon pencerahannya. terimakasih
@eko: ada beberapa atribut yang di pakai dalam membuat marquee standar di antaranya:
- direction > menunjukkan arah marquee, kodenya: direction="right" untuk kanan, kalo mau ke kiri, ganti dgn right dengan "left", "top" untuk atas, "bottom" untuk ke bawah
- width > menunjukkan lebar marquee, bisa dipakai pixel (px) atau %. contoh width="40px" atau width="80%"
- height > menunjukkan tinggi marquee, bisa dipakai pixel (px) atau %. contoh height="40px" atau height="80%"
hasil kodenya sperti ini: <MARQUEE align="center" direction="right" height="100" scrollamount="2" width="100%">Marquee Dari Kiri ke Kanan</MARQUEE>
sangat mudah
makasih tutorialnya..
mantep gan.... makasih tutornya ya....http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif