Link Animasi Pada Senarai Label

TuTo hari ni Afiq mau buat senarai label yang bergerak kearah kanan bila mouse melintasinya . Animasi begini boleh dilihat pada kebanyakkan blogger dan ia menghasilkan jquerry .


TuTo seperti berikut .


1. Dashboard > Design > Edit HTML 


2. Cari code ini .


</head>


Korang mesti dah jumpa kan ? Lepastu copy code dibawah ini dan letakkan sebelum code </head> tadi .


<!-- start animated label--><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><!--End Animated Label -->


Copy macam biasa yang warna hitam ni :)


3. Save template korang .

---

Thank you for reading :*

---