18 April 2011

Tutorial:Sliding Label

Tiada ulasan:
 




Korang ada letak gadget label kat blog kan,kalau label tu statik,apa kata kita letak sedikit efek,iaitu bila kita klik kat label,ia bergerak ke kanan atau slide


LIHAT DEMO(SLIDE LABEL)


Ok,caranya sangat mudah

Langkah 1.Macam biasa pergi ke Blogger dashboard-->klik --> Design --> Edit Html

Langkah 2.Cari kod </head>

Langkah 3.Akhir sekali,cuma pastekan kod dibawah di ATAS/SEBELUM kod </head>

<!--Start Sliding 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 Sliding Label-->

Save template dan lihat label korang.



Tiada ulasan:

Catat Ulasan

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger