Cara Membuat Tulisan Berjalan / Marquee Di Blog

Teks atau Tulisan berjalan merupakan merupaka salah satu efek teks atau link yang akan membuat tampilan blog semakin menarik. Banyak blogger yang mengunakan Efek Tulisan Berjalan / Bergerak ini pada blognya.
Selain itu efek Teks / Tulisan Berjalan ini juga bisa digunakan untuk Membuat Widget Blog Berjalan seperti yang dilakukan oleh kebanyakan Blogger Blogspot. Caranya sangat mudah, tinggal mengganti Teks atau Tulisannya Berjalannya dengan kode Widget Blog maka widget blog akan berjalan sesuai dengan keinginan anda.

Teks atau Tulisan Berjalan adalah..... teks / tulisan yang berjalan tanpa menggunakan kaki. hehe....
Maksud saya ini :

TEKS BERJALAN TANPA MENGGUNAKAN KAKI


Jika anda ingin membuatnya di blog anda, berikut ini saya share Beberapa Cara Membuat Efek Teks / Tulisan Berjalan di Blog....
TEKS / TULISAN BERJALAN EFEK BISA
Kodenya :
<marquee>TEKS / TULISAN BERJALAN EFEK BIASA</marquee>


Hasilnya :

TEKS / TULISAN BERJALAN EFEK BIASA

• TEKS / TULISAN BERJALAN DENGAN MENGATUR KECEPATAN

Sama seperti efek teks berjalan diatas, bedanya penambahan kode scrollamount="ANGKA" membuat teks / tulisan berjalan bisa diatur kecepatan berjalannnya. Semakin besar angka scrollamountnya, semakin cepat teks berjalan.
Berikut contoh beberapa kodenya dengan kecepatan berbeda :

<marquee scrollamount="2">TEKS / TULISAN BERJALAN (2)</marquee>
<marquee scrollamount="4">TEKS / TULISAN BERJALAN (4)</marquee>
<marquee scrollamount="6">TEKS / TULISAN BERJALAN (6)</marquee>
<marquee scrollamount="8">TEKS / TULISAN BERJALAN (8)</marquee>
<marquee scrollamount="10">TEKS / TULISAN BERJALAN (10)</marquee>

Hasilnya :

TEKS / TULISAN BERJALAN (2)

TEKS / TULISAN BERJALAN (4)

TEKS / TULISAN BERJALAN (6)

TEKS / TULISAN BERJALAN (8)

TEKS / TULISAN BERJALAN (10)

• TEKS / TULISAN BERJALAN  KE KANAN, ATAS, dan BAWAH

Secara default, teks akan berjalan ke arah kiri. Untuk membuatnya berjalan ke arah sebaliknya tambahkan kode direction="right" seperti contoh di bawah ini :

<marquee scrollamount="2" direction="right">TEKS ATAU TULISAN BERJALAN KE KANAN</marquee>

Hasilnya :

TEKS ATAU TULISAN BERJALAN KE KANAN

Untuk membuatnya berjalan ke ATAS atau ke BAWAH, cukup ganti perintah RIGHTmenjadi UP untuk berjalan ke atas, dan DOWN untuk berjalan ke bawah. Khusus untuk perintah Berjalan ke atas atau ke bawah, sebaiknya tambahkan pengaturanLebar (WIDTH) dan Tinggi (HEIGHT) supaya TEKS ATAU TULISAN BERJALANtidak berjalan terlalu tinggi atau terlalu pendek. Contoh kodenya seperti ini :

<marquee scrollamount="2" direction="up" width="100%" height="50">TEKS ATAU TULISAN BERJALAN KE ATAS / NAIK</marquee>

<marquee scrollamount="2" direction="down" width="100%" height="50">TEKS ATAU TULISAN BERJALAN KE BAWAH / TURUN</marquee>

Hasilnya :
Bergerak ke ATAS / NAIK 

TEKS ATAU TULISAN BERJALAN KE ATAS / NAIK

Bergerak ke BAWAH / TURUN 

TEKS ATAU TULISAN BERJALAN KE BAWAH / TURUN

• TEKS / TULISAN BERJALAN MONDAR MANDIR

Untuk membuat Teks atau Tulisannya berjalan mondar mandir, kode yang ditambahkan adalah behavior="alternate". Contoh penambahan kodenya seperti ini :

<marquee behavior="alternate">TEKS / TULISAN BERJALAN MONDAR MANDIR</marquee>

Hasilnya :

TEKS / TULISAN BERJALAN MONDAR MANDIR

• TEKS /TULISAN BERJALAN DAN BERHENTI

TEKS / TULISAN BERJALAN akan berhenti saat disentuh mouse / cursor dengan menaambahkan kode onmouseover="this.stop()"  dan akan berjalan lagi jika mouse / cursor dipindahkan dengan menambahkan kodeonmouseover="this.start()" .

Contoh kodenya seperti ini :

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TEKS / TULISAN MONDAR MANDIR LALU BERHENTI</marquee>

Hasilnya :

TEKS / TULISAN MONDAR MANDIR LALU BERHENTI

Silahkan sentuh tulisannya dengan anak panah / cursor mouse anda untuk melihat hasinya.
Jika ingin memberikan background atau latar warna pada TEKS ATAU TULISAN BERJALAN, cukup menmbahkan kode bgcolor="KODE WARNA"

Contoh kodenya seperti ini :

<marquee bgcolor="#00FF00"><b>TEKS / TULISAN BERJALAN</b></marquee>

Hasilnya :

TEKS / TULISAN BERJALAN


KODE #00FF00 adalah kode warna HIJAU.
Silahkan ganti kodenya dengan kode warna yang anda inginkan. Untuk melihat kode warna, silahkan klik tulisan "KODE WARNA"  yang terletak pada bagian atas ( header ) Blog ini. Tepatnya disamping kiri bawah logo BLOGGERBUGIS.

Jika ingin membuat WIDGET di sidebar anda berjalan, cukup ganti tulisan "TEKS / TULISAN BERJALAN" dengan KODE WIDGET ANDA.
Bagaimana SOB... Tutorial Membuat Teks atau Tulisan Berjalan BLOGGERBUGIScukup jelas ???
Kalau kurang jelas, silhkan sampaikan di kotak komentar.