Minggu, 12 Juni 2011
Setelah kemarin memposting dengan seo, kini kembali ke tema widget blog , yaitu memberi efek jquery pada label . Biasanya jika kita lihat di blog orang lain mem modif label dengan pernak-pernik , kalau yang satu ini beda
karena label yang diberi efek jquery ini akan bergerak jika mouse dekat dengan label tersebut .
jika ingin melihat bagaimana bentuknya silakan klik DISINI
Note : mohon maaf karena contohnya saya pindahkan ke blog Dummy saya karena efek jquery di blog saya yang ini tidak begitu mendukung dengan templatenya.
Berikut caranya :
1 . Masuk di Blog anda lalu klik Design > Edit Html.
Contoh Gambar :
4. Lalu klik simpan template dan lihat hasilnya.
Baiklah mungkin untuk tema widget kali ini cuku sekian , jika artikel ini bermanfaat mohon komentarnya.
karena label yang diberi efek jquery ini akan bergerak jika mouse dekat dengan label tersebut .
jika ingin melihat bagaimana bentuknya silakan klik DISINI
Note : mohon maaf karena contohnya saya pindahkan ke blog Dummy saya karena efek jquery di blog saya yang ini tidak begitu mendukung dengan templatenya.
Berikut caranya :
1 . Masuk di Blog anda lalu klik Design > Edit Html.
Contoh Gambar :
 |
2. Cari kode kode </head> , lalu copy paste kode dibawah ini diatas atau sebelum kode </head>
<!--Animated Label Links For Blogger http://vianjb.blogspot.com--><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 Animated Label Links For Blogger http://vianjb.blogspot.com-->
4. Lalu klik simpan template dan lihat hasilnya.
Baiklah mungkin untuk tema widget kali ini cuku sekian , jika artikel ini bermanfaat mohon komentarnya.
0 komentar:
Posting Komentar