Cara Membuat Link Nudging di Blog Secara Otomatis Dengan Jquery

Share :

Tweet

Hai sobat, Link bergerak atau Link nudging adalah link yang bergerak ketika mouse di arahkan ke link tersebut. Artinya link nudging mempunyai efek hover. Kelebihannya link ini terlihat atraktif dan dapat menjadi daya tarik tersendiri bagi blog anda. pada kesempatan hari ini saya akan menjelaskan cara membuat link nudging di semua link di dalam blog secara otomatis, tanpa harus masukkan kode class=”linknudge” pada link tersebut.

-  Login ke akun blog sobat
-  Masuk ke Template >> Edit HTML
-  Cari kode </head>
-  Copy paste code di bawah ini tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>      
$(document).ready(function()  {        
$(&#39;a&#39;).hover(function() {  //mouse in        
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);        
}, function() { //mouse out        
$(this).animate({ marginLeft: 0 }, 400);        
});        
});</script>

PENTING !!!
Bila di blog sobat sudah ada file.js untuk kode:

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

Maka sobat tidak perlu lagi memasang file.js tersebut.

-  Klik Save Template
-  Lihat hasilnya dan tetap tersenyum <_>

Demikianlah tutorial Cara Membuat Link Nudging di Blog Secara Otomatis Dengan Jquery. Semoga bermanfaat.

Tag : Blogging