Cara membuat efek link bergoyang pada blog

Yang lagi ngetrend saat ini adalah membuat label dengan efek nudging  atau jika  di sorot mouse  

maka akan bergoyang.

Bagaimana  jika kita membuat semua  link bergoyang pada blog kita?

Berikut ini caranya:

1. Login blog

2.Rancangan

3. Edit html

4. Letakkan kode script berikut di atas  </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>

5. Simpan  template, dan lihat hasilnya 

Mudah bukan cara membuat efek  link bergoyang pada blog?

Semoga tutorialnya bermanfaat.

Socialize It →:

Tweet

Artikel terkait Lainnya