TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Cara Membuat Efek Marquee

Original by IFX Adrian | 01 Desember 2009 5 Comments

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:

DoiGirls

Blogger Driver

Tips Blogger Zacky



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:



Marquee Dari Kiri ke Kanan



2. Marquee Mundar-Mandir
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">Marquee Mundar-Mandir</MARQUEE>

Hasilnya:



Marquee Mundar-Mandir



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:

Marquee Dengan Variasi Huruf Dan Background


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:


Marquee Berhenti Jika Diarahkan Mouse


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:


DoiGirls

Blogger Driver

Tips Blogger Zacky



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…

Label: ,

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

5 komentar:

eko 9 Desember 2009 10.50  

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

Zacky 9 Desember 2009 21.26  

@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>

SOLIDARITAS LP3I pulogadung 15 Desember 2009 15.41  

sangat mudah

Calvin 31 Mei 2010 14.34  

makasih tutorialnya..

Anonim 26 Januari 2011 03.55  

mantep gan.... makasih tutornya ya....http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif

Posting Komentar