Cara Membuat Link Dengan Efek JQuery Nudging di Blog

Unknown

jQuery, Tutorial Blogging

13 Apr 2013

Belum ada komentar

Cara Membuat Link Dengan Efek JQuery Nudging di Blog - Cara Membuat Effect JQuery Link Nudging di Blog atau  Cara Membuat Effect JQuery Nudging Link di Blog atau Cara Agar Link Blog Menggunaka Efek JQuery Nudging di Blog.

Membuat Effect JQuery Link Nudging di Blog

Sebelum kita membahas tutorial yang satu ini, kita simak dahulu apa itu JQuery Link Nudging? JQuery Link Nudging adalah efek animasi pada link hasil dari penambahan padding kiri, efek ini akan nampak saat kita menyentuhkan pointer atau mouse  pada link, link akan bergerak kekanan atau bergoyang. Bagi kamu yang ingin mencoba trik ini, silahkan kamu simak tutorialnya berikut ini:

1. Login ke akun Blogger kamu.
2. Setelah itu, klik Template > Edit Html > Centang ( Expand Template Widget ).
3. Cari kode </head> ( untuk mencari kode tersebut, tekan Ctrl+F ), copy kode berikut, dan pastekan di atas kode </head>

<script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"  ></script>

4. Lalu, copas kode berikut, di bawah script JQuery tadi.

<script type='text/javascript'>      
$(document).ready(function()  {      
$(&#39;#Label1 li&#39;).hover(function() {  //mouse in      
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);      
}, function() { //mouse out        
$(this).animate({ marginLeft: 0 }, 400);      
});        
});      
</script><!-- end LinkNudging -->

5. Terakhir Save Template kamu, dan lihat hasilnya.

Demikian tutorial memodifikasi blog kita pada kali ini, jika kamu kurang faham atau ingin sekedar bertanya, silahkan isi formulir komentar di bawah. Semoga Bermanfaat...