Just another Information

Thursday, February 28, 2013

Cara Membuat Link Bergoyang Secara Otomatis Di Blog || Dhani's Blog

Selamat malam sahabat blogger,,kadang kadang kita pernah mengunjungi salah satu blog yang saat kita mengarahkan kursor kearah link yang ada di blog maka link tersebut bergoyang,,sebenarnya cara membuat link bergoyang otomatis di blog sangat lah mudah,bahkan sangat mudah,,awal kali saya mencoba membuat link bergoyang dengan mengedit html namun sekarang para pakar sudah mempermudah blogger untuk membuat link bergoyang dengan cara menambah java script.
contoh link bergoyang yang saya katakan diatas tadi adalah seperti ini:
                                    Link Nudging
Nah,,karena sudah saya jelaskan ada dua cara dalam menerapkan animasi ini maka akan saya bahas saja yang dengan cara mudah tanpa edit html,yaitu dengan cara :
1.masuk dulu ke blogger kamu



Letak Tata

3.lalu pilih tata letak >> pilih tambah gadget >> HTML/java script

HTML







3.lalu copy kan kode dibawah ini :
<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.setelah itu simpan dan lihat hasil nya pada blog anda,,semoga sukses.
untuk mengatur kecepatan goyangan nya anda bisa mnurunkan angka 300 yang ada pada kode tadi.
oke,itu dulu yang saya sampaikan semoga bermanfaat sob!!



Categories:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat volutpat nibh nec posuere. Donec auctor arcut pretium consequat. Contact me 123@abc.com

0 comments:

Post a Comment