Senin, 10 Oktober 2011

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

Artikel Terkait:

1 komentar: