Cara Membuat Tulisan Berjalan / Marquee di Blog

Mungkin anda sedang berminat memasang text berjalan atau marquee pada blognya. Kalau iya berarti sedikit informasi kali ini bisa sedikit membantu anda. Saya ingin berbagi dengan anda-anda yang belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia hehehe
Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee

Tag yang digunakan adalah :

<marquee>text yang kita inginkan</marque>
text yang kita inginkan
Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengutak-atiknya dengan mengedit atributnya seperti ini

BGCOLOR = warna
DIRECTION = Mengatur arah gerakan (left,right,up.down)
BEHAVIOR = karakter gerakan (scrol,slide,alternate)
scrol (teks bergerak berputar)
slide (teks bergerak sekali lalu berhenti)
alternate (teks bergerak dari kiri ke kanan lalu balik)
TETLE = pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT = mengatur kecepatan gerakan
SCROLLDELAY = mengatur tenggang waktu
LOOP = mengatur jumlah

Sekarang langsung saja kita pratekkan:

Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee> dari kiri ke kanan

Arah bolak-balik 

<marquee behavior="alternate" >arah bolak balik</marquee> arah bolak balik

Dari kanan ke kiri dengan kecepatan "15"

<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

Text berhenti ketika ada mouse

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

Dengan latar belakang warna
<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>

Dengan latar belakang warna dan mengatur jenis fontnya

<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div> 


Atau





Dengan gambar atau foto
<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="LINK GAMBAR" /></div></marquee>

Sebenarnya masih banyak variannya tergantung kita mengutak atiknya hehe
Dicoba-coba sendiri aja yaa, kalau kurang jelas bisa komentar dibawah. Terimakasih sudah berkunjung :)