Gambar Bergerak (Scrolling Image)

Gambar Bergerak (Scrolling Image)

 

Scrolling images adalah gambar bergerak,dimana pergerakannya diatur oleh kita sendiri. Scrolling image ini bisa diletakkan dimana saja pada blog, seperti pada header, footer, sidebar ataupun ruang post.

Berikut adalah kode untuk scrolling image. Copy kode di bawah dan letak pada blog sesuka hati kalian . Untuk cara pasang kode html dalam blog ikuti tutorial dibawah ini ya.....

1. Buka akun Blogger kalian
2. Klik Tata Letak dan add gadget lalu pilih html/java script
3. Masukkan kode berikut :

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


<a href="link pautan gambar" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

   
      4. Lalu tekan save

Catatan :

up - arah pergerakan gambar. Boleh tukar dengan left, right, up atau down
2 - kecepatan pergerakan gambar
link pautan gambar - url untuk dibuka apabila gambar diklik
url gambar - url gambar yang hendak dipamerkan.

Kalian bisa lihat url gambar di sini,pilih yang kalian suka ya..

http://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/552/552023m5dr44t01s.gif" width=73 height=102 border=0>



http://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/1223/1223467ngn04mnj39.gif" width=100 height=120 border=0>



http://www.glitter-graphics.com"><img src="http://dl2.glitter-graphics.net/pub/704/704912m2vzw333oh.gif"


http://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/744/744123tqvbps04sn.gif" width=152 height=266 border=0>

Ok....selamat mencoba semoga berhasil ya....

 

---

*Tampilkan yang terbaik*KREASI

---