Cara Membuat Tulisan Berjalan (Marquee)

Diposkan oleh Label:

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :
Login ke Blogger
Kemudian klik Tata Letak dan Elemen Halaman
Ketika sudah berada di Elemen Halaman klik Tambah Gadget
Lalu pilih HTML/JavaScript
Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Teks berjalan dari kanan ke kiri

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


2. Teks berjalan dari kiri ke kanan

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


3. Teks berjalan bolak balik

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


4. Teks berjalan dari atas ke bawah

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


5. Teks berjalan dari bawah ke atas

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


6. Teks berjalan mondar-mandir

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


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


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


Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# warna merah pasang di blog kamu
# warna kuning isikan text yang ingin anda pasang
# 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)

# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

No comments:

Post a Comment

~ ATURAN BERKOMENTAR ~

1. Dilarang menulis link aktif
2. Dilarang ngiklan di kolom komentar
3. Komentar yang hanya titip link, akan dimasukan ke kotak SPAM
4. Berkomentar sesuai tema artikel, untuk OOT sebaiknya cari tempat lain

Terima kasih telah berkomentar.