Gambar Bergerak disentuh Cursor

haii.. penat dah ilang..(naik tangga tingkat tiga)   Time to TutOrial.. ehehehe...
Wan nak kOngsi dgn para para blOg semua...cara buat gambar bergerak bila disentuh cursor..caranya senang jer.. xperlu report report guna cara lain..
1. Pergi ke Design > Edit Html > Klik Expand Widget Template2. masukkan link kat bawah nie sebelum kod </head>

<!--DANCING-NUDGE-LINKS-STARTS--> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;a.nudge&#39;).hover(function() { //mouse in $(this).animate({ paddingLeft: &#39;20px&#39; },400); }, function() { //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); </script> <!--DANCING-NUDGE-LINKS-STOPS-http://bloggerstop.net-->

3. Then.. try preview dlu blog kOrang...kalau no prOblem.. baru Save..
4. kemudian Edit HTML gambar kOrang yg kOrangnak gerakkan
5. masukkan cOde ni class="nudge" sebelum href= kat dalam HTML gambar tu. 
tengOk betOl betOl cOntOh kt bawah ni, lagi senang nak faham. 
   

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a class="nudge"href="http://i.imgur.com/tHy6ns.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="300" src="http://i.imgur.com/tHy6ns.jpg" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Header</td></tr> </tbody></table>

 paham tak?
kalau tak paham.. try bace dari awal betOl betOl..nanti baru paham...ehehe
contoh:

Header