Pages

Jumat, 07 September 2012

Cara Buat Tulisan Berjalan / Effect Marquee di Blog

Efek marquee artinya memberikan atau membuat kesan berjalan/bergerak pada suatu text. Efek Marquee atau tulisan berjalan umumnya di letakkan di bagian atas Header blog atau di bagian Footer Blog dan biasanya Efek marquee berisikan teks ucapan selamat datang. Untuk menampilkan tulisan berjalan pada blog, kita hanya menyisipkan kode HTML SEBELUM dan SESUDAH teks yang akan ditampilkan. Di bawah ini terdapat delapan efek marquee yang saya berikan, silahkan di copy paste di blog sobat.

Tempatkan kode Effect Marquee atau tulisan berjalan pada tempat yang diinginkan (Kolom Postingan atau Kolom HTML Java Script).


Effect Marquee atau Tulisan berjalan lambat
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulis kata yang ingin sobat buat</marquee> 
Effect Marquee atau Tulisan berjalan ke atas  
<marquee behavior="scroll" direction="up" height="30"> Tulis kata yang ingin sobat buat</marquee> 
 Effect Marquee atau Tulisan Zig-zag  
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right">Tulis kata yang ingin sobat buat</marquee></marquee>
Effect Marquee atau Tulisan berjalan tetapi berhenti kalau dibayangi cursor  
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulis kata yang ingin sobat buat</marquee>  
Effect Marquee atau Tulisan berjalan ke kanan  
<marquee behavior="scroll" direction="right">Tulis kata yang ingin sobat buat</marquee>
Effect Marquee atau Tulisan berjalan dengan gambar 
<marquee behavior="scroll"><img height="84" src="Url gambar yang akan ditampilkan" width="110">Tulis kata yang ingin sobat buat</marquee> 
Effect Marquee atau Tulisan dapat memantul 
<marquee behavior="alternate" width="300"> Tulis kata yang ingin sobat buat</marquee>  
Effect Marquee atau Tulisan Bouncing around 
<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Tulis kata yang ingin sobat buat</marquee></marquee>
DEMO hasil yang saya contohkan ...!!

Tulisan berjalan lambat
Tulis kata yang ingin sobat buat

Tulisan berjalan ke atas
Tulis kata yang ingin sobat buat

Tulisan Zig-zag Tulis kata yang ingin sobat buat
Tulisan berjalan tetapi berhenti kalau dibayangi cursor
Tulis kata yang ingin sobat buat

Tulisan berjalan ke kanan
Tulis kata yang ingin sobat buat

Tulisan berjalan dengan gambar

Tulis kata yang ingin sobat buat

Tulisan dapat memantul
Tulis kata yang ingin sobat buat

Tulisan Bouncing around
Tulis kata yang ingin sobat buat

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar