Beberapa Cara Membuat Tulisan Berjalan / Marquee

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

TEKS BERJALAN TANPA MENGGUNAKAN KAKI

Teks atau Tulisan berjalan ini bisa di pasang di artikel blog, atau di Sidebar Blog. Saya sendiri menggunakannya untuk menyimpan Link Sahabat BLOGGERBUGIS di Sidebar blog ini.
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 RIGHT menjadi UP untuk berjalan ke atas, dan DOWN untuk berjalan ke bawah. Khusus untuk perintah Berjalan ke atas atau ke bawah, sebaiknya tambahkan pengaturan Lebar (WIDTH) dan Tinggi (HEIGHT) supaya TEKS ATAU TULISAN BERJALAN tidak 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 kode onmouseover="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 BLOGGERBUGIS cukup jelas ???
Kalau kurang jelas, silhkan sampaikan di kotak komentar.
Semoga hari anda menyenangkan,.. HAPPY BLOGGING............