Hai sobat blogger semua kali ini saya akan share artikel tentang cara membuat link bergoyang saat disentuh oleh mouse. Mungkin sobat blogger sudah banyak melihat contoh/demonya di blog-blog yang memasang fitur seperti ini. untuk para sobat blogger yang belum tahu, sobat bisa mencobanya dengan cara mengikuti langkah-langkah berikut :
- Loging dengan akun blog sobat
- Pilih opsi template
- Kemudian edit html -->> centang expand template widget
- Lalu cari kata </Head>
- Tekan Ctrl + f untuk mempermudah pencarian kata
- Copy kode dibawah simpan di atas 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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
- Kemudian simpan template lalu lihat hasilnyaa.
0 comments:
Posting Komentar