Sunday, June 12, 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.

7 comments:

  1. Keren gan.! thanks untuk tips'a. kunjungan perdana gan. salam kenal+kompak.! :D

    ReplyDelete
  2. perasaan kemarin dah komentar tp kok belum muncul yah

    ReplyDelete
  3. @ artikel : Oke , makasih mas.

    @ Rizky one : masa sih mas , coba ntar aku cek

    ReplyDelete
  4. Thank infonya sob keren.. di tunggu kunjungan baliknya...

    ReplyDelete
  5. kemungkinan template anda sob , yang tidak mendukung adanya jquery

    ReplyDelete
  6. BAGAIMANA DENGAN TEMPLATE SEO FRIENDLY DI SITE WWW.PORSENI.COM MAS BRO????

    ReplyDelete


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam