Cara Mudah Membuat Efek Marquee atau Tulisan Bergerak Pada Blog

Sekarang, saya akan share tentang Cara Membuat Marquee atau Tulisan Bergerak Pada Blog. Sebenarnya... apa itu marquee? marquee adalah tulisan yang bisa bergerak. contohnya bisa dilihat diatas judul postingan blog ini. Saya punya beberapa bentuk tulisan berjalan. yuk kita simak...

Login ke blogger anda
klik Rancangan/Layout
pilih Tambah Gadget. lalu pilih Tambahkan HTML/Javascript
Masukan dengan kode berikut

1. Tulisan berjalan ke kanan atau ke kiri
Tulisan berjalan ke kiri

<marquee behavior="scroll" direction="left">Tulisan berjalan ke kiri</marquee> 

2. Tulisan berjalan dengan gambar

Tulisan berjalan dengan gambar
<marquee behavior="scroll"> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"> Tulisan berjalan dengan gambar </marquee> 

3. Tulisan berjalan ke atas
Tulisan berjalan ke atas
<marquee height="75" behavior="scroll" direction="up">Tulisan berjalan ke atas</marquee>

4. Tulisan berjalan yang jika disentuh cursor berhenti
Tulisan berjalan yang jika disentuh cursor berhenti
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan yang jika disentuh cursor berhenti</marquee>

5. Tulisan yang bergerak lambat
Tulisan yang bergerak lambat
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang bergerak lambat</marquee>

6. Tulisan bergerak dengan link

Bengkel U-Power
My Profil
Tips & Trik
Tutorial Blog
Ninja Saga

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">

<a href="http://www.jogoyitnan-free.blogspot.com/search/label/bengkel?max-results=5">Bengkel U-Power </a>
<a href="http://www.jogoyitnan-free.blogspot.com/2011/02/my-profil.html">My Profil</a>
<a href="http://jogoyitnan-free.blogspot.com/search/label/tips%20dan%20trik?max-results=5">Tips & Trik </a>

<a href="http://jogoyitnan-free.blogspot.com/search/label/tutorial%20blog?max-results=5">Tutorial Blog </a>

<a href="http://jogoyitnan-free.blogspot.com/search/label/ninja%20saga?max-results=5">Ninja Saga </a>

</marquee>

Kemudian klik Simpan, dan lihat hasilnya.

Keterangan Atribut :

~ Tulisan Berwarna Hijau : adalah arah bergerak tulisan marquee, seperti "left" , "up" Jika ingin mengganti arahnya gunakan bahasa inggris. contoh, kanan="right" dsb.

~ Tulisan Berwarna Biru : adalah tulisan yang ingin ditampilkan ditampilkan.

~ Tulisan Berwarna Ungu : khusus yang ini adalah url gambar.

~ Tulisan Berwarna Hitam : adalah ukuran marquee tersebut berjalan. Seperti tinggi, lebar dsb.

Sekian dari saya, Semoga Bermanfaat. Terima Kasih, ditunggu juga komentarnya...