Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Info Cara Membuat Semua Link Bergoyang di Blog

Salam sobat blogger ... bagaimana kabar anda semua .. pasti sehat bukan .. kali ini aq coba mau share cara membuat link bergoyang saat disentuh mouse / Nudging otomatis. Cara ini aq dapat dari sobat koisine blogger. 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 sobat.

Cara membuatnya :

  • Login ke akun Blogger sobat
  • Pilih Rancangan -- Edit Html (download template anda untuk mengurangi resiko kesalahan peletakan script) -- centang Expand Widget Template
  • 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>
  • catatan : Jika di html anda sudah ada scriptyg warna merah
     tinggal ditambahkan script yg berikutnya aja
  • Simpan Template anda