Membuat Scroll Text pada Blog

Dalam tutorial kali ini akani menjelaskan kepada Anda bagaimana cara untuk menambahkan SCROLLING text / teks yang bergulir (juga disebut sebagai marquee) ke sidebars blog Anda, ruang posting, dll
Cara lain untuk menarik pengunjung adalah dengan menambahkan beberapa dekorasi ke dalam blog kita seperti scrolling teks, dll.Akan tetapi jangan menghiasnya terlalu banyak, sebab akan mengganggu dan merusak konsentrasi para pengunjung blog .


Jadi, bagaimana cara menambahkan teks bergulir di blog Anda, bacalah terus postingan ini.

Menambahkan teks bergulir sederhana:
Berikut adalah kode untuk menambahkan teks bergulir sederhana dari kanan ke kiri
<marquee>contoh scrolling text sederhana</marquee>
Hasilnya akan seperti dibawah ini
contoh scrolling text sederhana

Menambahkan Background Warna Pada Teks Bergulir
<marquee bgcolor="#99CCFF">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti dibawah ini
contoh scrolling text sederhana
Jika Anda menginginkan warna yang lain ,cukup mengganti kode #99CCFF

Merubah Arah Text Bergulir Ke Kanan
<marquee direction="right" bgcolor="#99CCFF">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti di bawah ini
contoh scrolling text sederhana

Merubah Arah Text Bergulir Ke Atas<marquee direction="up" bgcolor="#99CCFF">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti di bawah ini
contoh scrolling text sederhana


Merubah Arah Text Bergulir Ke Bawah
<marquee direction="down" bgcolor="#99CCFF">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti di bawah ini
contoh scrolling text sederhana

Membuat Teks Bergulir Bolak-Balik

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti di bawah ini
contoh scrolling text sederhana

Mengatur Kecepatan Guliran Teks

<marquee behavior="">ate" direction="left" bgcolor="#99CCFF" scrollamount="2">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti di bawah ini
contoh scrolling text sederhana
Yang Anda lakukan adalah menambahkan kata scrollamount="2"

Menghentikan Teks Ketika Tersentuh Cursor/Mouse

<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" scrolldelay="50">contoh scrolling text sederhana</marquee>
Hasilnya akan seperti di bawah ini
contoh scrolling text sederhana

Menambahkan Hyperlink / Alamat Situs
Membuka Pada Jendela Yang Sama
<marquee behavior="scroll" align="middle" direction="left" bgcolor="#99FFFF" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><br /><br /> <a href=" http://sulthanyusuf.blogspot.com/2009/09/pengalaman-mudik-disaat-air-surut.html ">Pengalaman Mudik Disaat Air Surut.</a> <a href=" http://sulthanyusuf.blogspot.com/2009/09/mengukur-isi-mobil-tangki-pertamina.html ">Mengukur Isi Tangki Mobil Pertamina</a> <a href=" http://sulthanyusuf.blogspot.com/2009/09/masjid-islamic-center-samarinda.html ">Masjid Islamic Center Samarinda</a><br /><br /> </marquee>
Hasilnya akan seperti dibawah ini


contoh scrolling text sederhana Mengukur Isi Tangki Mobil Pertamina Masjid Islamic Center Samarinda


Membuka Pada Jendela Baru
<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>

Demikianlah,sebagian kecil dari seni teks marquee.Jika Anda masih merasa bingung dengan keterangan diatas,silakan tinggalkan komentar dan saya akan menanggapi komentar Anda secepatnya.
Terima Kasih,Semoga bermanfaat.

Disadur dari Fadhiet Blog