Cara Membuat Efek Marquee - Efek marquee atau teks dengan efek berjalan ini banyak kita jumpai di blog orang lain. Banyak macam efek marquee seperti teks yang bergerak dari kanan dan kekiri, teks bisa bergerak ke atas dan kebawah atau teks akan berhenti apabila mouse diarahkan dan masih banyak efek marquee yang sering dijumpai di blog lainnya. Efek marquee ini untuk cara memasangnya bisa di dalam postingan atau di sidebar blog, jadi terserah mau diletakkan dimana sesuai selera anda.
Karena tampilan efek marquee ini begitu menarik maka banyak para blogger yang senang memasang efek marquee di blog dan dapat menghemat ruang di halaman blog. Untuk membuat efek marquee ini biasanya diawali dengan tag <marquee> dan penutupnya dengan tag </marquee> dan atribut yang dipakai seperti :
- direction => mengatur arah gerakan
- behavior => mengatur gerakan
- slide => teks bergerak dan berhenti
- alternate => teks bergerak dari kiri dan kekanan
- scroll => teks bergerak berputar
- scrollmount => mengatur kecepatan gerakan (makin besar angkanya maka gerakan makin cepat)
- scrolldelay => mengatur waktu gerakan
- loop => mengatur jumlah loop
- bgcolor => mengatur background teks
- width = mengatur lebar blok teks
Macam-macam efek marquee :
1. Efek Marquee bergerak dari kanan ke kiri
<marquee align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</marquee>
Hasilnya seperti dibawah ini :
Keterangan : silahkan ubah right dengan : left atau up atau down
2. Efek marquee bergerak ke bolak-balik
<marquee align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
Marquee bergerak ke kanan dan ke kiri
</marquee>
Hasilnya seperti dibawah ini :
3. Efek marquee berhenti jika mouse diarahkan
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Silahkan arahkan mouse disini
</marquee>
Hasilnya seperti dibawah ini :
4. Efek Marquee dengan link didalamnya
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://lintas-tutor.blogspot.com" target="new">Terlintas</a>
</marquee>
Hasilnya seperti dibawah ini :
Demikianlah tutorial mengenai cara membuat efek marquee di blog, silahkan diotak-atik sendiri.
