Cara Membuat Teks Berjalan Di Blog

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 langkah 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 yang anda inginkan  :

• Teks berjalan dari kanan ke kiri

<marquee align="center" direction="right" scrollamount="2">http://kenimazay-21.blogspot.com <span style="background-color: black;"></span></marquee>

• Teks berjalan dari kiri ke kanan

<marquee align="center" direction="right" scrollamount="2">http://kenimazay-21.blogspot.com <span style="background-color: black;"></span></marquee>

• Teks berjalan dari atas ke bawah

 

<marquee align="center" direction="down" scrollamount="2" style="color: lime;">http://kenimazay-21.blogspot.com</marquee>

• Teks berjalan dari bawah ke atas

 

<marquee align="center" direction="up" scrollamount="2" style="color: lime;"> http://kenimazay-21.blogspot.com</marquee>

• Teks berjalan bolak balik

 

<marquee align="center" behavior="alternate" direction="left" scrollamount="2" style="color: lime;">http://kenimazay-21.blogspot.com</marquee>

 

• Teks berjalan zig-zag mantul

 

<marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee behavior="alternate" direction="right">http://kenimazay-21.blogspot.com</marquee>

• Teks berjalan zig-zag nembus

 

<marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee direction="right"> <span style="color: red; font-weight: bold;"><span style="color: lime;">http://kenimazay-21.blogspot.com</span> </span></marquee>

***
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# Scroll --> teks bergerak berputar
#Slide--> teks bergerak sekali lalu berhenti
# Alternate --> teks bergerak dari kiri kekanan lalu balik lagi



 --------------SELAMAT MENCOBA-----------------


Referensi : http://adesyams.blogspot.com