Tutorial cara buat Jquery Efek pada label

Tutorial cara buat nudging efek pada label by blogger blog tutorial

Efek ni memang menarik dan cool.. dah la menarik nak pasang pun senang...jom ikuti tutorial buat jquery efek pada label...

Macam biasa..Dashboard>>>Design>>>Edit HTML>>>

cari code </head>

copy code dibawah..dan paste sebelum code </head>  ...



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>var dur = 450;$(document).ready(function() {$('a.linknudge, .Label ul li a').hover(function() {$(this).animate({paddingLeft: '20px'}, dur);}, function() {$(this).animate({paddingLeft: 0}, dur);});});</script>

pada var dur = 450 tu.. anda boleh tukar yang no 450 mengikut suka hati anda...makin kurang makin laju efek tu...aku setkan 800 pada blog aku...

live demo ada pada blog ni...letakkan mouse cursor pada mana2 nama label tu..tgk apa yang jadi....

simple dan menarik kan...sekian ...