Thursday, 5 August 2010

Cara Membuat Efek Marquee Blog

:


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:
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">Marquee Dari Kiri ke Kanan</MARQUEE>

2. Marquee Mundar-Mandir

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

Hasilnya :

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

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 :

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

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 onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">Marquee Berhenti Jika Diarahkan Mouse</marquee>
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://imdad-gresik.blogspot.com" target="_blank">Imdad Gresik</a><br/>
<a href="http://imdad-gresik.blogspot.com" target="_blank">Imdad Blogger </a><br/>
<a href="http://imdad-gresik.blogspot.com" target="_blank">Tips Blogger Imdad </a><br/>
</marquee>


Hasilnya : 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://imdad-gresik.blogspot.com" target="_blank">Imdad Gresik</a><br/>
<a href="http://imdad-gresik.blogspot.com" target="_blank">Imdad Blogger </a><br/>
<a href="http://imdad-gresik.blogspot.com" target="_blank">Tips Blogger Imdad </a><br/>
</marquee>
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…


Cara Membuat Efek Marquee Blog 9 out of 10 based on 10 ratings. 9 user reviews.


Artikel Terkait

cElOTEh sObAT BLOGGER :

Ada 0 komentar ke “Cara Membuat Efek Marquee Blog”
:cendolbig :batabig :najis :marah :repost :2thumbup :matabelo :request :babyboy1 :sorry :travel :kimpoi :ultah :rate5 :bola :kbgt :iloveindonesia :nosara :berduka :hoax :dp :cekpm :thumbup :kr :nohope :ngacir :salahkamar :cool :mewek :babyboy :babygirl :95

ASSALAMU'ALAIKUM WR WB

BLOG ini DOFOLLOW _ Berkomenarlah Yang Baik Dan Sopan Zaaaa !!
Kalo Mau Pake EMOTICONS, sObat Hanya Cukup Menulisan Kodenya Saja... !! ( :10 :11 :13 :16 - :101 / :najis :travel :rate5 ) BE A FRIENDLY !