Sabtu, 21 Mei 2011

Link animasi pada senarai label

Artikel kali ini ialah cara bagi membuat senarai label yang bergerak kaerah kanan bila mouse kursor melintasinya.Animasi begini boleh dilihat pada kebanyakan blog dan ia menggunakan jquerry.

Langkah bagi membuatnya:

Pada dashboard klik pada design-->>edit HTML.
kemudian cari kod ini:

</head>

salin kod dibawah ini dan letakkan sebelum kod </head>
<!-- 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 -->
kemudian save template anda

Tidak ada komentar:

Posting Komentar