Tips blog saya kali ini yaitu membuat link yang ada di blog kita
menjadi bergerak/bergoyang ketika disorot (hover). Untuk contoh jadinya
silahkan sobat lihat pada blog ini.
Ternyata pemasangannya sangat simpel lho, tapi efek yang dihasilkan lumayan bagus
untuk menambah keindahan blog kesayangan anda. Saya katakan simpel
karena anda tidak perlu bersusah-susah mengedit HTML template blog
yang ada, cukup copy lalu pastekan kode di bawah ini ke dalam satu
tempat widget di blog (Add HTML/Script).
Ini kodenya:
<script src='http://ruki-zone.googlecode.com/files/link-goyang_www.ruki-zone.com.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>
<!-- adituek link goyang end-->
Setelah anda pastekan kode tersebut silahkan simpan dan lihat hasilnya.
Mudah kan ..?
0 Komentar