Cara Membuat Text Berjalan (Marquee)

Marquee adalah suatu printah dalam bentuk HTML yang berfungsi untuk membuat teks/ tulisan dapat bergerak atau berjalan. Marquee ini biasanya di buat dengan menggunakan tag <marquee>...</marquee>




Atribut yang sering di gunakan adalah:

BGCOLOR : ”warna” >> Untuk mengatur warna background (latar belakang) teks
DIRECTION : ”left/right/up/down” >> Mengatur arah gerakan teks
BEHAVIOR : ”scroll/slide/alternate”>> Untuk mengatur perilaku gerakan
Scroll >> Teks bergerak berputar
Slide>> Teks bergerak sekali lalu berhenti
Alternate >> Teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik)
TITLE= ”pesan”>> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT : ”angka”>> Mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
SCROLLDELAY : ”angka”>> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP : ”angka|-1|infinite”>> Mengatur jumlah loop
WIDTH : ”lebar”>> Mengatur lebar blok teks dalam pixel atau persen

Untuk lebih jelas lagi berikut ini ada beberapa contoh yang dihasilkan oleh efek merquee:

Contoh Teks Bergerak Bolak-Balik Secara Horizontal

^Ini Adalah Code HTML Teks Bergerak Bolak-Balik Secara Horizontal

Contoh Teks Berjalan Bolak-Balik Secara Vertikal

^ Ini Adalah Code HTML Teks Bergerak Bolak-Balik Secara Vertikal

Contoh Teks Berjalan Kekanan Secara Continu

^ Ini Adalah Code HTML Teks Berjalan Kekanan Secara Continu

Contoh Teks Berjalan Kekiri Sekali Saja

^ Ini Adalah Code HTML Teks Berjalan Kekiri Sekali Saja

Contoh Teks Berjalan Kekiri Kekanan Tiga Kali

^ Ini Adalah Code HTML Teks Berjalan Kekiri Kekanan Tiga Kali

Contoh Teks Berjalan Efek Bounce

^ Ini Adalah Code HTML Teks Berjalan Efek Bounce

Contoh Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

^ Ini Adalah Code HTML Teks Berhenti Jika Mouse Menyentuh Daerah Marquee


Cara Memasang Efek Marquee :

1. Login ke Blogger, Klik Layout/Tata Letak;
2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
3. Pilih HTML/Javascript;
4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;
5. Klik Tombol Simpan

Jika ingin memasangnya kedalam posting, cukup copy  kode tersebut sesuai contoh yang diinginkan kedalam content postingan Anda.

Keterangan :
Width: Untuk mengatur panjang ruangan teks dalam satuan pixel.
Height: Untuk mengatur lebar ruangan teks dalam satuan pixel.
Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

Selamat Mencoba, Semoga Sukses!!!

Lihat juga: Efek Marquee Menggunakan CSS3