TUTORIAL : Link bergoyang / bergerak / Nudging

Tutorial Untuk :

Cuba korang lalukan cursor pada mana-mana link dalam blog ni, apa jadik? ada goyang tak? :) efek menarik ni korang boleh cuba apply dekat blog sendiri.  Ok Jom lah kita Begin ....

1) Sign >> Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

2) Copy dan paste kod di bawah pada ruang Html / Javascript tadi: 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

400 - speed / laju efek nudging. Korang boleh adjust nilai ni untuk kelajuan efek, lagi kecik nilai, lagi laju efek goyang.

3) Lastly macam biasa, klik save dan lihat hasilnya.

---

Selamat mencuba! :) 

---