Cara Membuat Link Bergoyang di Blog

Cara Membuat Link Bergoyang di Blog - Cara menciptakan link yang bisa bergoyang/nudging di blog atau cara membuat link yang dapat bergoyang jika terkena pointer mouse. Link tersebut akan bergoyang jika terlintas cursor mouse. Trik ini menggunakan script via jQuery yang nantinya semua link akan bergoyang / bergerak secara otomatis. Dengan trik ini akan semakin mempercantik tampilan blog Agan.


Cara membuatnya :
  • Login ke akun Blogger sobat.
  • Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  • Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F ).
  • Copy paste script jQuery di bawah ini sebelum kode tersebut
<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>
  • Simpan Template dan lihat hasilnya.
Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat.

0 komentar:

Posting Komentar






Selamat Datang di Blog MainTracker™
 
Free Joomla TemplatesFree Blogger TemplatesFree Website TemplatesFreethemes4all.comFree CSS TemplatesFree Wordpress ThemesFree Wordpress Themes TemplatesFree CSS Templates dreamweaverSEO Design