This site uses cookies from Google to deliver its services, to personalize ads and to analyze traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Learn More

Membuat Semua Link Bergoyang di Blog - Info Tips

serliblog.blogspot.com - Salam sobat blogger ... bagaimana kabar anda semua .. pasti sehat bukan .. kali ni aq coba mau share cara membuat link bergoyang saat disentuh mouse / Nudging otomatis. Cara ni aq dpt dari sobat koisine blogger. Link tersebut akan bergoyang jika terlintas cursor mouse. Trik ni menggunakan script via jQuery yg nantinya semua link akan bergoyang / bergerak secara otomatis. Dengan trik ni akan semakin mempercantik tampilan blog sobat.

Membuat Semua Link Bergoyang di Blog
Cara membuatnya :

  • Login ke akun Blogger sobat
  • Pilih Rancangan -- Edit Html (download template anda untk mengurangi resiko kesalahan peletakan script) -- centang Expand Widget Template
  • Search kode berikut </head> ( untk mempermudah pencarian tekan Ctrl + F )
  • Copy paste script jQuery di bawah ni 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

other source : http://mchoyaza.blogspot.com, http://flickr.com, http://hipwee.com

0 Response to "Membuat Semua Link Bergoyang di Blog - Info Tips"

Post a Comment

Contact

Name

Email *

Message *