Menyisipkan teks bergerak di blog

darma · 4.1.10 · 0 komentar

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

← Kembali ke Beranda

Komentar

Posting Komentar

Mohon isi komentar ini sesuai dengan topik yang diberikan. Jika ada pertanyaan, mohon menyantumkan alamat email yang valid, karena saya tidak akan menjawab di blog ini. Jawaban pertanyaan akan saya balas ke email.
"Oh ya, Anda ingin belajar bikin web hanya dengan 4 langkah mudah? Saya rekomendasikan belajar di sini. Khusus pemula & langsung praktek online."
Terima kasih.