Menyisipkan teks bergerak di blog

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.

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Menggunakan background berwarna. Kombinasi warna, bisa menggunakan bantuan photoshop.

<marquee bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>

Hasilnya seperti ini.

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

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>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

• Ke kiri (left).

<marquee direction="left" bgcolor="#99CCFF">masukkan teks sederhana di sini</marquee>

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

• Ke atas (up).

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

• Ke bawah (down).

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

• Bolak-balik.

<marquee behavior="alternate" direction="right" bgcolor="#33FFCC">masukkan teks sederhana di sini</marquee>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

Memperlambat gerakan (scrollamount).

<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">masukkan teks sederhana di sini</marquee>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

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>

 

Sudarma dot Info | Sudarma dot Info | Sudarma dot Info

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>

 

Sudarma dot Info Blog Kuring My Web

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>

 

Sudarma dot Info Blog Kuring My Web