Selasa, 14 Februari 2012

cara membuat link bergeser / bergerak saat terkena kursor

 hai, kali ini saya akan memberi tahu cara membuat link bergoyang / bergeser saat tersentuh kursor.,, hal ini akan membuat tampilan blog kita semakin menarik dan lebih cool pastinya.
ini dia langkahnya:
1. loggin ke blogger
2. masuk ke design / rancangan lalu ke edit HTML
3. Ctrl+F code </head>
4. copy dan paste code dibawah ini tepat diatas code di no 3
<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>

klik save, lalu lihat hasilnya
selamat mencoba :D

3 komentar:

  1. terima kasih bos,,, uda q pake,..


    jangan segan2 mampir di blog w bos

    http://syahron1.blogspot.com/

    BalasHapus
  2. wah jadi makin keren nih blognya :)

    BalasHapus