Followers

18 April 2011

April 18, 2011 - No comments

Tutorial:Sliding Label





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.



0 ulasan:

Catat Ulasan