Link animasi pada senarai label - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Link animasi pada senarai label, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel labels, Artikel tutorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Link animasi pada senarai label
link : Link animasi pada senarai label

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 template-->>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

update 9/5/2013

Demikianlah Artikel Link animasi pada senarai label

Sekianlah artikel Link animasi pada senarai label kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Link animasi pada senarai label dengan alamat link http://carasignup.blogspot.com/2011/05/link-animasi-pada-senarai-label.html

Tweet