Cara Membuat Teks Berjalan [Marquee] Lengkap

Cara Membuat Tulisan Berjalan di Blog (Marquee) Lengkap

Seringkali kita melihat pada acara berita yang disiarkan di televisi, terdapat potongan informasi yang disampaikan dengan running text atau teks berjalan.

Di dunia HTML, teks berjalan lebih dikenal dengan nama marquee, dan lingkupnya bukan hanya teks, gambar pun bisa dibuat berjalan.

Karena teks yang berjalan cukup menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memberikan informasi yang bersifat penting kepada pengunjung blog mereka.

Marquee dapat dibuat dengan mudah dengan kode HTML. Kali ini blog Dua Rupa akan berbagi kode-kode HTML pembuat marquee lengkap dengan variasi dan atribut-atributnya.

Kode Marquee Dasar

<marquee>helpkuns.blogspot.com</marquee>

helpkuns.blogspot.com

Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus

Loop atau Perulangan Marquee

<marquee loop="4">helpkuns.blogspot.com</marquee>

helpkuns.blogspot.com

Loop menentukan banyak perulangan yang dilakukan marquee. Angka 4 menunjukkan jumlah perulangan, setelah berjalan 4 kali marquee tidak akan muncul lagi

Jeda Waktu Marquee

<marquee scrolldelay="400">helpkuns.blogspot.com dengan delay 0,4 detik</marquee>

helpkuns.blogspot.com dengan delay 0,4 detik

Scroll delay menunjukkan jeda waktu marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.

Warna Background Marquee

<marquee bgcolor="FFF300">helpkuns.blogspot.com dengan warna latar belakang kuning</marquee>

helpkuns.blogspot.com dengan warna latar belakang kuning

Background colour mengatur warna background marquee. FFF300 menunjukkan kode warna HTML untuk warna kuning, dapat diganti dengan warna dasar red, green, blue, atau yellow. Untuk melihat warna-warna dengan kode HTML bisa dilihat disini

Kecepatan Gerak Marquee

<marquee scrollamount="50">helpkuns.blogspot.com dengan kecepatan 25</marquee>

helpkuns.blogspot.com dengan kecepatan 25

Scrollamount mengatur kecepatan gerak marquee. Angka 25 menunjukkan kecepatannya 25, kecepatan normal adalah 6.

Arah Gerak Marquee

<marquee direction="right">helpkuns.blogspot.com</marquee>
helpkuns.blogspot.com

-------------------------------------------------------------------------------------------------------------------------------------------------------

<marquee direction="down" height="100">helpkuns.blogspot.com berjalan ke bawah</marquee>
helpkuns.blogspot.com berjalan ke bawah

Direction akan mengatur arah gerak marquee. Right menunjukkan arah pergerakan marquee ke kanan. Ada 4 arah yang bisa Anda gunakan :