Minggu, 18 Desember 2011

MEMBUAT TEKS BERJALAN PADA BLOG

Dalam postingan kali ini saya mencoba berikan tips tentang Cara membuat animasi teks yang bergerak. Teks berjalan caranya tidaklah begitu rumit, kita hanya perlu memahami mengenai  fungsi dari kode-kode yang bisa membuat object tersebut bergerak.seperti marquee, behavior,scroll amount dan lain sebagainya.

Dibawah ini adalah beberapa contoh Animasi Teks yang menggunakan efek marquee. untuk anda yang berminat,silahkan anda copy kodenya kemudian anda paste ke gadget html anda.
Teks Berjalan Bolak Balik dari Kiri - kanan
 
irfadfaiq.blogspot.com
<marquee behavior="alternate" direction="right"
scrollamount="5" scrolldelay="10" >irfadfaiq.blogspot.com</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung

irfadfaiq.blogspot.com

<marquee behavior="scroll" direction="left" scrollamount="5"
scrolldelay="10" >irfadfaiq.blogspot.com</marquee>

Teks Berjalan dari kanan kekiri 10 kali

irfadfaiq.blogspot.com
<marquee behavior="slide" bgcolor="" direction="left"
loop="10" scrollamount="5" scrolldelay="10">irfadfaiq.blogspot.com</marquee>

Teks Berjalan dengan efeks Bounce atau Naik Turun

irfadfaiq.blogspot.com
<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10"
>irfadfaiq.blogspot.com</marquee>


Teks Berjalan Berjalan dari bawah ke atas secara bersambung

irfadfaiq.blogspot.com
<marquee behavior="scroll" direction="up"
style="text-align: center;" crollamount="5" scrolldelay="10" >irfadfaiq.
blogspot.com</marquee>

Teks Berjalan Berpencar

irfadfaiq.blogspot.com irfadfaiq.blogspot.comirfadfaiq.blogspot.com irfadfaiq.blogspot.com
<marquee direction="Up" style="text-align: center;">irfad
faiq.blogspot.com</marquee> <marquee direction="Left"
style="text-align: center;">Irfadfaiq.blogsot.com</marquee><marquee
direction="right" style="text-align: center;">irfadfaiq.blogspot.com</marquee>
<marquee direction="down" style="text-align: center;">irfadfaiq.
blogspot.com</marquee>

*Keterangan :
  Ganti Tulisan "irfadfaiq.blogspot.com" dengan Kalimat Yang lain.

Selamat Mencoba.  

0 komentar: