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 




Semoga tutorialnya bermanfaat.

Comments

Post a Comment