Monday, 10 June 2013

Cara Membuat Link Bergerak dan Bergoyang Dengan Efek Jquery



SitusTopInfo - Banyak fariasi - fariasi unik dan menarik untuk menghias sebuah tampilan blog agar terlihat lebih menarik, salah satunya dengan efek link bergoyang. Lebih jelasnya dari efek link bergoyang atau bergerak ini adalah ketika link tersentuh oleh kursor panah mouse, maka link tersebut akan bergoyang dan bergerak dengan sendirinya.
Dan untuk cara penerapannya, lihat beberapa langkah berikut ini.

1. Login Blogger >> Klik Template >> Klik Edit HTML
2. Cari kode </head>, jika sudah ketemu kemudian copy script berikut ini.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'> </script> <script type='text/javascript'> var dur = 400; // Duration Of Animation in Milli Seconds $(document).ready(function() { $('a.linknudge').hover(function() { $(this).animate({ paddingLeft: '25px' }, dur); }, function() { $(this).animate({ paddingLeft: 0 }, dur); }); }); // end of Jquery Script </script>
3. Paste scriptnya di atas kode </head>, lalu simpan template

No comments:

Post a Comment