Pages

Jumat, 18 Mei 2012

Tutorial - Membuat Link Bergerak ketika di sentuh Cursor

Posted by Wiwin Indriana
1. Login di Blog Anda


2. Pilih Template

3. Pilih Edit HTML 

Jika kamu menemukan hal seperti ini, Pilih "Lanjutkan"

4. Cari Kode </head> dengan CTRL F

5. Copy Script/ kode dibawah ini 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>

 
6. Lalu, Simpan Template 

Semoga Bermanfaat ^^