Tuesday, October 16, 2012

Tutorial : Image Bergerak/Marquee

Kembali lagi dengan tutorial seterusnya :D. Ok memandangkan atin sempat lagi ni .. Ade reQ dari adik Mira tak silap atin.. die kate, macam mana nak gerakkan gambar . Ok atin tau ape yang die maksudkan... Tapi atin dah lupa codenye.. Jadi atin terpaksa pinjam code dari unnie atiqah hihi :)



Blogskin
 Dashboard > Template > Edit HTML
 Copy code bawah ni 
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
<img src="URL PIC" height="195" width="190" />
<img src="URL PIC" height="195" width="190" />
<img src="URL PIC" height="195" width="190" />
</marquee>
 Paste kat mana-mana yang korang suka
 Preview & save.
  





Design
 Dashboard > Design > Add Gadget> HTML/JavaScript
 copy code kt bwh ni dan paste dkt HTML/Javascript tu.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
<img src="URL PIC" height="195" width="190" />
<img src="URL PIC" height="195" width="190" />
<img src="URL PIC" height="195" width="190" />
</marquee>
 save! 
  


merah: letak URL pic korg nak
hijau: bole tukar ikut citarasa korg

1 comment:

MiErA LyAnA said...

Dah Jadi Dah ... Thx Buat Tuto Ni