Trik membuat text berjalan atau marquee di blog - Hai ketemu lagi sahabatku, mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya tapi belum tau caranya? Tenang kali ini Mas GunKlaten Berbagi tips sama sobat yg belum tahu saja. Bagi yang sudah tahu silahkan munkin bisa memberikan saran saranya. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee.
Tag yang kita gunakan ialah sebagai berikut:
<marquee>text yang sobat inginkan</marquee>
Ini adalah standart marquee agar berjalan dari kanan ke kiri loh. Kemudian sahabat
Mas GunKlaten bisa mengembangkannya dengan stribut seperti di bawah 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 sobat
Mas Gunklaten langsung saja kita pratekkan:
Dari arah kiri ke kanan
<marquee direction="right" >dari kiri ke kanan</marquee>
<marquee behavior="alternate" >arah bolak balik</marquee>
<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee> 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>
<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>
<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://picasion.com/pic12/001e4f5663e28f41208c938e9c7da3cf.gif" /></div></marquee>
salam gunklaten
