Minggu, 12 Juni 2011

Membuat Efek Jquery Di Label

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 :
cara,membuat,efek,jquery,label

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() {
$(&#39;a.linknudge, .Label ul li a&#39;).hover(function() {
$(this).animate({
paddingLeft: &#39;20px&#39;
}, 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

Posting Komentar