Cara Membuat Text atau Banner Bergerak

Kali ini Dichun mu ngasih tips n' trick cara membuat text atau banner bergerak...
Tips n' trick ini dapat membuat tampilan Blog kamu lebih menarik...
Kayak gini ni...
Haha...






Perintah untuk membuat gambar bergerak adalah:

<marquee><text/banner></marquee>

Banyak sekali efek yang di gunakan dalam membuat text atau banner bergerak ini...
Kamu bisa memodifikasinya sesuai dengan keinginan kamu...

Perintah Efek yang sering di gunakan:

TITLE='pesan" ---> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" ---> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

DIRECTION="left/right/up/down" ---> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" ---> Untuk mengatur perilaku gerakan

Scroll ---> teks bergerak terus menerus (continue)
Slide---> teks bergerak sekali lalu berhenti
Alternate ---> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik)

Contoh:

-Marque dengan efek Scroll:

Perintah:
<marquee align="center" direction="down" scrollamount="2" behavior="scroll" width="100%" height="200">efek scroll<br /> efek scroll<br /> efek scroll<br /> efek scroll<br /> efek scroll</marquee>

Maka akan muncul tampilan:

efek scroll
efek scroll
efek scroll

Marquee dengan efek Alternate:

Perintah:

<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="70%" height="20">efek alternate</marquee>

Maka akan muncul tampilan:

efek alternate

BGCOLOR="warna" ---> Untuk mengatur warna background (latar belakang) teks

Contoh:

-Marquee dengan Latar Belakang atau Background:

Perintah:
<div align="left"><FONT FACE="georgia" color="White"><b><marquee BGCOLOR="BLACK" width="70%" scrollamount="3" behavior="alternate">background</MARQUEE></b></FONT></div>

Maka akan muncul tampilan:

background

LOOP="angka|-1|infinite" ---> Mengatur jumlah loop

ONMOUSEOVER="this.stop()" ---> Memberhantikan gerakan saat mouse berada di area

Untuk membuat Banner yang berisi Link, perintahnya:

<marquee onmouseout="this.start()" direction="up" loop="-1" behavior="scroll" scrollamount="2" height="100" onmouseover="this.stop()" width="100%"><center><a href="http://dichun.blogspot.com/" target="_blank"><img src="http://i567.photobucket.com/albums/ss115/Sidik_Thea/Label.gif" title="Dichun" /></a></center><br /> <center><a href="http://iyoyinside.blogspot.com/" target="_blank" title="Utak-Atik Blog dan Komputer"><img border="0" alt="IYOY INSIDE" width="125" src="http://i39.tinypic.com/8wk0ld.gif" height="125" /></a></center></marquee>

maka akan muncul tampilan:





Rubah:
<center><a href="http://dichun.blogspot.com/" target="_blank"><img src="http://i567.photobucket.com/albums/ss115/Sidik_Thea/Label.gif" title="Dichun" /></a></center><br /> <br /> <center><a href="http://iyoyinside.blogspot.com/" target="_blank" title="Utak-Atik Blog dan Komputer"><img border="0" alt="IYOY INSIDE" width="125" src="http://i39.tinypic.com/8wk0ld.gif" height="125" /></a></center>

menjadi Banner Link yang ingin kamu masukan.

Jika tips n Trick ini tidak berhasil,
silahkan comment...
Dichun bakalan kasih solusinya...

Selamat Mencoba...