Ditulis oleh: Ditulis pada: 5/12/2012
Pagi ini saya share salah satu trik blogger cara membuat efek marquee di blog atau lebih umumnya kita kenal efek tulisan berjalan. Sebenarnya cara membuat efek marquee di blog sudah banyak di share oleh blogger-blogger lain namun untuk melengkapi trik blogger di blog ini, kini saya kembali meng-share-nya bagi Anda yang belum paham atau belum tahu kode script untuk membuat efek marquee di blog.
Dengan membuat tulisan atau apapun dengan efek marquee, membuat blog tersebut terkesan lebih hidup. Cara membuat efek marquee di blog cukup mudah. Kita bisa mengaplikasikannya di widget atau di psotingan blog kita. Ada beberapa cara membuat efek marquee di blog, diantaranya:
1. Efek marquee yang berjalan dari kiri ke kanan.
Kode scriptnya seperti di bawah ini:
<marquee align="center" direction="right" scrollamount="2" width="100%" height="20">
Tulisan Anda di sini
</marquee>Untuk tulisan agar berjalan dari kanan ke kiri, tinggal ganti right menjadi left.
2. Efek marquee yang berjalan ke kanan dan ke kiri.
Kode scriptnya seperti di bawah ini:
<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="100%" height="20">
Tulisan Anda di sini
</marquee>3. Efek marquee dengan background warna.
Kode scriptnya seperti di bawah ini:
<div align="left"><span><marquee scrollamount="3" behavior="alternate" bgcolor="RED" width="100%">
Tulisan Anda di sini
</marquee></span></div>4. Efek marquee yang berhenti ketika mouse berada pada teks area.
Kode scriptnya seperti di bawah ini:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" align="center" width="100%" height="20">
Tulisan Anda di sini
</marquee>Agar berjalan ke kanan ganti left dengan right
Agar berjalan ke atas ganti left dengan up
Agar berjalan ke bawah ganti left dengan down
Demikian sharing Cara Membuat Efek Marquee Di Blog kali ini. Anda bisa berkreasi lebih banyak lagi dan lebih berpariasi lagi dengan menggunakan efek-efek marquee di atas. Jangan pernah takut untuk mencoba...karena kegagalan adalah awal dari sebuah keberhasilan.