Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung biasanya pada teks tersebut akan lebih terfokus. Jadi buat sobat blogger yang ingin membuat sebuah pengumuman, pemberitahuan atau catatan penting, sebaiknya menggunakan efek marquee.
Menambahkan efek marquee pada sebuah teks tidaklah terlalu sulit karena kode HTML yang digunakan sangat sederhana yaitu " <marquee> Teks Bms_75 disini... </marquee>. Dan berikut kode marqueenya.
Kode Marquee
1. Teks berjalan ke kiri
<marquee> Contoh Teks berjalan ke kiri Bms_75 disini... </marquee>
2. Teks berjalan ke kanan
<marquee direction="right"> Contoh Teks Berjalan ke kanan Bms_75 disini...</marquee>
3, Teks berjalan ke atas
<marquee direction="up"> Contoh Teks Berjalan ke atas Bms_75 disini...</marquee>
4. Teks berjalan ke bawah
<marquee direction="down"> Contoh Teks Berjalan ke bawah Bms_75 disini...</marquee>
5. Teks berjalan ke bolak balik (Ke kiri dan ke kanan)
<marquee behavior="alternate"> Contoh Teks Berjalan kekiri dan kanan Bms_75 disini...</marquee>
6. Teks berjalanan secara zig zag
<marquee direction="up"behavior="alternate><marquee behavior="alternate"> Contoh Teks Berjalan secara zig zag Bms_75 disini...</marquee></marquee>
Apakah kode marquee di atas bisa kita kostumisasi, kita otak - atik sesuai keinginan kita ??? Jawaban : Bisa. Kode HTML marquee di atas dapat disesuaikan dengan style atau keinginan sobat blogger semua, dan berikut adalah caranya :
1. Teks berhenti ketika diarahkan cursor
Kode : onMouseOver="this.stop()" onMouseOut="this.start()"
Contoh penerapan kodenya untuk yang teks berjalan ke arah kiri : <marquee
onMouseOver=:thisOver="this.stop()" onMouseOut="this.start()">Contoh Teks Berjalan ke kiri
Bms_75 disini... </marquee>
2. Menambahkan Background pada teks berjalan
Kode : bgcolor="blue" (Blue untuk kode warna biru bisa diganti dengan warna favorite masing -
masing
Contoh Penerapan kode : <marquee bgcolor="blue">Contoh Teks Berjalan ke kiri
Bms_75 disini... </marquee>
3. Mengatur kecepatan teks berjalan
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)
Contoh Penerapan Kode : <marquee Scrollamount="2">Contoh Teks Berjalan ke kiri
Bms_75 disini... </marquee>
4. Mengatur lebar teks berjalan
Kode : width="300" (Atur sendiri sesuai blog masing - masing demikian juga tingginya width
menjadi hight.
Contoh Penerapan Kode : <marquee width="300">Contoh Teks Berjalan ke kiri
Bms_75 disini... </marquee>
Penerapan teks marquee atau teks berjalan ini dapat sobat terapkan pada widget HTML blog. Cukup dengan meletakkan kode widget dan modifikasi sesuai keinginan.
Semoga share ini bermanfaat dan Selamat mencobanya !!!
Posting Komentar