cara membuat link bergerak kesamping bila di sorot mouse

Turitorial kali ini saya akan membahas cara membuat efek link bergoyang kesamping/nudging ketika disorot oleh mause. Kalau gak ngerti liat gambar diatas..:) oke deh langsung kecaranya aja....

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kode di bawah pada ruang Html / Javascript tadi:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

400 - speed /kecepatan efek nudging. Ubah sesuai keingnan anda..

4) Lalu, klik save dan lihat hasilnya.Lalu simpan templates dan lihat hasilnya.Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

Turitorial kali ini saya akan membahas cara membuat efek link bergoyang kesamping/nudging ketika disorot oleh mause. Kalau gak ngerti liat gambar diatas..:) oke deh langsung kecaranya aja....

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kode di bawah pada ruang Html / Javascript tadi:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

400 - speed /kecepatan efek nudging. Ubah sesuai keingnan anda..

4) Lalu, klik save dan lihat hasilnya.