Daisypath - Personal pictureDaisypath Happy Birthday tickers
Daisypath - Personal pictureDaisypath Anniversary tickers

..:: Selingan Cinta::..

Flying BeeFlying BeeFlying Bee Flying Bee Flying BeeFlying BeeFlying BeeFlying BeeFlying Bee Flying BeeFlying BeeFlying BeeFlying Bee

Saturday, 22 December 2012

Tutorial Blog : Link Effect / Nudging



Demo:

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 masing-masing.. kalau berminat la, kalo tak berminat jangan paksa diri ok,he2..caranya:

1) Sign in akaun blogger

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

3) 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.

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

Selamat mencuba! :) 

credit : Jom Bina Blog 

EditingMySpace.com - Valentines Day Dividers



BabyNurul Ain

No comments:

Post a Comment