.comment-form { background:#BE81F7; border:3px solid #74DF00; margin:0 10px 20px 10px; padding:0 0 0 15px; } .comment-form {http://3.bp.blogspot.com/-PXtZihaa7eA/ToLIw3fPsqI/AAAAAAAAC-M/u_QrgNoXcoY/s1600/4.jpg ); border:3px solid #74DF00; margin:0 10px 20px 10px; padding:0 0 0 15px; }

Wednesday, 30 May 2012

Gambar Bergerak dekat sidebar ,



Entry kali nih lain sikit sebab hari nih aku nak kongsi ilmu dengan korang..aku nak ajar macam mana nak buat gambar bergerak kat sidebar.. alaaa kat tepi tuhh..kat sidebar tuuuhh..
nampak kan?? jom buat gambar gerak2 tuh!!

1.bukak Dashboard-->Design-->Add a gadget-->Html/JavaScript

2.Copy kod bawah nih

<div style="background-image: url(&quot;http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png&quot;); border: 3px double #FF3399; height: 300px; overflow: auto; width: 190px;"></a><center>
</center>

<marquee onmouseover="this.start()" onmouseout="this.start()" scrollamount="7" direction="up" align="center">

<center><img style="width: 143px; height: 204px;" src="
URL GAMBAR ANDA" /></center>
<center><img style="width: 143px; height: 265px;" src="
URL GAMBAR ANDA" /></center>
<center><img style="width: 144px; height: 245px;" src="
URL GAMBAR ANDA" /></center>
<center><img style="width: 142px; height: 213px;" src="
URL GAMBAR ANDA" /></center>
<center><img style="width: 138px; height: 234px;" src="
URL GAMBAR ANDA" /></center>

</marquee>

<center></center><center></center></div>

3.Pastekan kod kat atas nihh kat  Html/JavaScript
4.Nak upload gambar boleh ke imgur.com n copy direct link gambar korang tuh kat "URL GAMBAR ANDA"..

Tu jeerr.. chaiyokk!! ;)

No comments: