Beberapa Cara Membuat Tulisan Berjalan / Marquee

Beberapa Cara Membuat Tulisan Berjalan / Marquee

Marquee / Berjalan

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. Baik itu pada BLOGROLL, IKLAN, maupun link yang lainnya. Teks atau Tulisan berjalan ini bisa di pasang di artikel blog, atau di SidebarBlog. Jika ingin membuat Tulisan Berjalan dengan Link, cukup anda cukup memberikan link pada Teks / Tulisan Berjalannya. Kalau belum tahu bagaiman cara membuat link, silahkan baca artikelnya DISINI. Setelah membaca artikel tersebuat anda bisa membuat berbagai macam cara membuat Link mulai dari yang biasa sampai yang luar biasa.

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 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............