1. Teks berjalan ke kiri
<marquee> Teks
disini... </marquee>
2. Teks Berjalan ke kanan
<marquee direction="right"> Teks
disini... </marquee>
3. Teks berjalan ke atas
<marquee
direction="up"> Teks disini... </marquee>
4. Teks berjalan ke bawah
<marquee
direction="down"> Teks disini... </marquee>
5. Teks berjalan bolak balik (Ke
kiri dan ke kanan)
<marquee
behavior="alternate"> Teks disini... </marquee>
6. Teks berjalan Zig-Zag
<marquee direction="up"
behavior="alternate"><marquee
behavior="alternate"> Teks
disini... </marquee></marquee>
Apakah kode marquee di atas bisa
kita kostumisasi? Jelas bisa, kode HTML marquee di
atas dapat disesuaikan dengan style atau keinginan sobat blogger. Perhatikan
contoh di bawah ini!
1. Teks berhenti ketika diarahkan Cursor
1. Teks berhenti ketika diarahkan Cursor
Kode : onMouseOver="this.stop()"
onMouseOut="this.start()"
Contoh penerapan kode : <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Teks disini... </marquee>
Contoh penerapan kode : <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Teks disini... </marquee>
2. Menambahkan Background pada teks
berjalan
Kode : bgcolor="blue" (Blue adalah kode warna, bisa
diganti dengan warna favorite sobat)
Contoh penerapan kode : <marquee bgcolor="Blue"> Teks disini... </marquee>
Contoh penerapan kode : <marquee bgcolor="Blue"> Teks disini... </marquee>
3. Mengatur kecepatan teks berjalan
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks
berjalan, silahkan disesuaikan)
Contoh penerapan kode : <marquee scrollamount="2"> Teks disini... </marquee>
Contoh penerapan kode : <marquee scrollamount="2"> Teks disini... </marquee>
4. Mengatur lebar teks berjalan
Kode : width="300" (Atur sendiri lebarnya. Kalau sobat
blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata
width menjadi hight)
Contoh penerapan kode : <marquee width="300"> Teks disini... </marquee>
Contoh penerapan kode : <marquee width="300"> Teks disini... </marquee>
Teks marquee atau teks berjalan bisa
juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode
marquee. Contoh:
<marquee direction="down"> Kode Widget disini.... </marquee>
<marquee direction="down"> Kode Widget disini.... </marquee>
Tidak ada komentar:
Posting Komentar