Membuat Effect JQuery Link Nudging

MasHelmi - Membuat Effect JQuery Link Nudging 

Untuk contoh dari efek jQuery nudging ini bisa anda lihat disini. Klik salah satu label yang ada pada sidebar blog demo itu. Jika temen-temen tertarik, langsung saja saya akan berikan penjelasannya :

1. Login ke blogger dengan akun anda 
2. Kemudian pada dasbor  klik Rancangan >> Edit HTML
3. Tambahkan Script JQuery berikut diatas kode </head>
   
   view plainprint?

   1. <script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"  ></script>  
   Catatan : Jika anda sudah memasukkan script JQuery diatas, langkah ketiga bisa anda abaikan
4. Setelah itu tambahkan lagi script berikut dibawah script JQuery tadi:
   
   view plainprint?

   1. <script type='text/javascript'>          
   2. $(document).ready(function()  {           
   3. $(&#39;#Label1 li&#39;).hover(function() {  //mouse in           
   4. $(this).animate({ marginLeft:  &#39;12px&#39; }, 400);           
   5. }, function() { //mouse out            
   6. $(this).animate({ marginLeft: 0 }, 400);           
   7. });            
   8. });           
   9. </script><!-- end LinkNudging -->  
5. Terakhir Save Template anda, dan lihat hasilnya

Itu tadi tutorial kali ini, jika ada pertanyaan teman-teman bisa isi kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat

Sumber : Maskolis.com

Membuat Effect JQuery Link Nudging 2013-02-21T16:02:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown