Berbagai cara bisa dilakukan untuk membuat blog lebih atraktif. Salah satu yang paling sederhana adalah menampilkan teks berjalan. Bisa disisipkan di dalam artikel maupun gadget. Baik teks biasa maupun dalam bentuk link.
Berikut ini, beberapa alternatif teks berjalan yang bisa Anda gunakan.
Bergerak biasa.
<marquee>masukkan teks sederhana di sini</marquee>
Hasilnya seperti ini.
Menggunakan background berwarna. Kombinasi warna, bisa menggunakan bantuan photoshop.
<marquee bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>
Hasilnya seperti ini.
Menentukan arah gerakan (direction). Ke kanan (right), kiri (left), atas (up), dan bawah (down).
- Ke arah kanan (right).
<marquee direction="right" bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>
- Ke kiri (left).
<marquee direction="left" bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>
- Ke atas (up).
- Ke bawah (down).
- Bolak-balik.
<marquee behavior="alternate" direction="right" bgcolor="#33FFCC">masukkan teks sederhana di sini</marquee>
Memperlambat gerakan (scrollamount).
<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">masukkan teks sederhana di sini</marquee>
Berhenti ketika didekati mouse.
<span><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#cccccc"><br /><br />masukkan teks sederhana di sini<br /><br /></marquee>
Menambahkan link (open in the same window).
<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1">LINK#1</a> <a href="url#2">LINK#2</a> <a href="url#3">LINK#3</a> </marquee>
Menambahkan link (open the link in new window).
<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1" target="_blank">LINK#1</a> <a href="url#2" target="_blank">LINK#2</a> <a href="url#3" target="_blank">LINK#3</a> </marquee>
Komentar
Posting Komentar