Home » , » Cara Membuat Efek JQuery Link Nudging Pada Label Blog

Cara Membuat Efek JQuery Link Nudging Pada Label Blog


Cara Membuat Efek JQuery Link Nudging Pada Label Blog
Cara Membuat atau Memasang Efek JQuery Link Nudging Pada Label atau Kategori di Blog | Assalamualikum wr.wb hai sobat semuanya selamat siang nah pada postingan kali ini admin cyber akan berbagi tutorial nih untuk kalian semua yakni Cara Membuat Efek JQuery Link Nudging Pada Label Blog.

Link Nudging atau Link Bergoyang merupakan efek animasi yang menimbulkan gerakan jika saat di sentuh oleh mouse dari sebuah beberapa link dan yang ditimbulkan dari penerapan jQuery pada disuatu website atau blog .

Dengan anda memasang jQuery link nudging kalian bisa memodifikasi suatu kategori yang lebih indah jika kita lihat / klik . dan mungkin dari beberapa tersendiri jquery link nudging ini biasanya dinamai efek link bergerak atau bergoyang ataupun menari nari seperti ular .


Nah jika anda tertarik dengan tutorial membuat efek jquery link nudging pada kategori blog anda bisa melihat tutorial tersebut dibawah ini .

Cara Membuat Efek JQuery Link Nudging Pada Label Blog

  • Login di Blogger.com
  • Kemdian masuk ke dashboard > Template > Edit HTML
  • Ketik di keyboard CTRL+F > Kemudian masukkan kode </head> di dalam kotak search tersebut, jika sudah klik enter .
  • Lalu masukkan kode dibawah ini tepat diatas kode </head>
<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 -->
  • Sehingga seperti gambar dibawah ini .
Cara Membuat Efek JQuery Link Nudging Pada Label Blog
  • Eiit jangan simpan template dulu . dan pastikan script jquery sudah dipasang , dan jika belum mempunyai script Jquery pasang script Jquery ini diatas kode </head>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  • Jika sudah klik simpan template
Notes:
 - Pastikan anda sudah memasang widget kategori di blog .

Nah itulah artikel tentang  Cara Membuat atau Memasang Efek JQuery Link Nudging Pada Label atau Kategori di Blog semoga kalian bisa memasangnya di blog kalian dengan sukses . Demikianlah postingan tentang Cara Membuat Efek JQuery Link Nudging Pada Label Blog semoga bermanfaat bagi kita dan kalian semua wassalamualikum wr.wb.



Share this article :
Previous
Next Post »

1 comment:

Silahkan tinggalkan Komentar anda, dilarang spam, link aktif dll

 
Copyright © 2014. Film Terbaru 2015 - All Rights Reserved | Template By Mas Template