memang menambah kesan cantik blog
anda. trik ini memang dikhususkan untuk menambah keindahan dan
kecantikan blog anda. cara kerja Label Bergoyang ini cukup mudah,
anda cuma perlu mengarahkan cursor anda ke label tersebut maka akan
bergoyang goyang seperti inul. langsung aja yuk kita buat Efek Label Bergoyang Nudging Di Blogger :
Langkah pertama kunjungi Blogger
Pilih Rancangan lalu klik Edit Html, centang "expand widget template"
Lalu letakkan kode Jquery berikut diatas kode </head>
Nb : untuk template anda yang sudah ada script jquery diatas maka tidak perlu menambahkannya lagi.
Kemudian Tambahkan kode berikut dibawah script Jquery diatas tadi :
kemudian Save Template.
Begitulah kiranya Cara Membuat Efek Label Bergoyang Nudging Di Blogger ,semoga bermanfaat.
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.
Tidak ada komentar:
Posting Komentar