Langkah pertama kunjungi Blogger
Pilih Rancangan lalu klik Edit Html, centang "expand widget template"
Lalu letakkan kode Jquery berikut diatas kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
Nb : untuk template anda yang sudah ada script jquery diatas maka tidak perlu menambahkannya lagi.
Kemudian Tambahkan kode berikut dibawah script Jquery diatas tadi :
<script type='text/javascript'>
$(document).ready(function() {
$('#Label1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
$(document).ready(function() {
$('#Label1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
kemudian Save Template.
Begitulah kiranya Cara Membuat Efek Label Bergoyang Nudging Di Blogger ,semoga bermanfaat.