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-->
</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.
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.