Cara Membuat Tulisan Berjalan (Marquee)

Sebelum kita membahasnya alangkah baiknya kita mengetahui terlebih dahulu apa yang dimaksud dengan marquee..?
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

berikut cara pembuatannya :


1.Login ke Blogger
2.Kemudian klik Tata Letak dan Elemen Halaman
3.Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4.Lalu pilih HTML/JavaScript
5.Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

a. Teks berjalan dari kanan ke kiri

kode :
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
hasil :
Contoh Tulisan Berjalan

b.Teks berjalan dari kiri ke kanan

kode :
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasil :
Contoh Tulisan Berjalan

c. Teks berjalan bolak balik

kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasil :
Contoh Tulisan Berjalan

d. Teks berjalan dari atas ke bawah
kode :
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasil :
Contoh Tulisan Berjalan

e. Teks berjalan dari bawah ke atas
kode :
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasil :
Contoh Tulisan Berjalan

f. Teks berjalan mondar-mandir ke atas ke bawah
kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasil :
Contoh Tulisan Berjalan

g. Teks berjalan zig-zag nembus
kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasil :






Contoh Tulisan Berjalan

h. Teks berjalan zig-zag mantul
kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasil :






Contoh Tulisan Berjalan Ket :# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# 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 bo)