Cara Membuat Link di Blog dapat Bergoyang atau Bergerak | BHIBIT ARIANTO
Change Background of This Blog!


Lihat

 

Jumat, 12 April 2013

Cara Membuat Link di Blog dapat Bergoyang atau Bergerak

0 komentar
Kali ini saya akan memberikan tips bagaimana Cara Membuat Link di Blog dapat Bergoyang atau Bergerak saat tersentuh kursor.  
Cara ini saya buat karena terinspirasi dari blog tetangga yang linknya bisa goyang-goyang sendiri. ^_^
Pastinya trik ini akan membuat blog kita terlihat lebih 'keren' bukan?
Lihat demonya di SINI

Langsung lah, nggak pake sambel  eh... gak pake lama..
1. Tentu saja langkah awalnya LOGIN ke blog sobat
2. Design/Rancangan -->  Tata letak --> Tambah gadget -->Html/Javascript
3. Masukkan kode di bawah ini di kolom yang tersedia :


<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>


4. Save/Simpan

Coba lihat hasilnya sob.. link akan bergoyang-goyang saat tersentuh kursor mouse.
Sekian tutor dari saya semoga bermanfaat ya ^_^
sumber

0 komentar: