Dengan menambahkan efek marquee pada teks, pusat perhatian pengunjung pada teks itu akan lebih terfokus. Jadi buat sobat blogger yang ingin membuat sebuah pengumuman, pembeitahuan atau catatan penting, sebaiknya menggunakan efek marquee.
Menambahkan efek marquee pada sebuah teks tidaklah sulit karena kode HTML yang digunakan sangat sederhana yaitu "<marquee> Teks Disini... </marquee>".
Kode Marquee
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
Kode : onMouseOver="this.stop()" onMouseOut="this.start()"2. Menambahkan Background pada teks berjalan
Contoh penerapan kode : <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Teks disini... </marquee>
Kode : bgcolor="blue" (Blue adalah kode warna, bisa diganti dengan warna favorite sobat)3. Mengatur kecepatan teks berjalan
Contoh penerapan kode : <marquee bgcolor="Blue"> Teks disini... </marquee>
Kode : scrollamount="2" (Angka 2 adalah kecepatan teks berjalan, silahkan disesuaikan)4. Mengatur lebar teks berjalan
Contoh penerapan kode : <marquee scrollamount="2"> Teks disini... </marquee>
Kode : width="300" (Atur sendiri lebarnya. Kalau sobat blogger ingin mengatur tingginya juga, sobat blogger tinggal mengganti kata width menjadi hight)Teks marquee atau teks berjalan bisa juga diterapkan pada widget. Sobat cukup meletakkan kode widget DIANTARA kode marquee. Contoh:
Contoh penerapan kode : <marquee width="300"> Teks disini... </marquee>
<marquee direction="down"> Kode Widget disini.... </marquee>.
Demikianlah sedikit artikel dari saya, Semoga bermanfaat.....
Tidak ada komentar:
Posting Komentar