( Always give the best )

Jumat, 14 September 2012

Cara Mudah Membuat Link Bergoyang Saat disentuh Mouse pada Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

     Dalam panduan blogger ini saya akan menunjukan trick agar semua link pada blog bergoyang dengan otomatis. Link tersebut akan bergoyang jika terlintas kursor 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.



Ok, langsung aja yaa .. to the point, wkwkwk.
Cara Membuat nya :
  • Login ke akun Blogger sobat (Klik Disini)
  • Pilih Rancangan / Template --> Edit Html (download/back up template anda untuk mengurangi resiko kesalahan peletakan script)
  • Jangan lupa untuk centang Expand Widget Template
  • Cari 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 anda.
Kemudian Lihat blog anda ... semoga berhasil.

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Mudah Membuat Link Bergoyang Saat disentuh Mouse pada Blog

0 komentar:

Posting Komentar

Sebelumnya saya ucapkan terimakasih karena telah berkunjung ke blog saya dan saya mohon agar anda berkomentar mengenai artikel yang sudah saya tulis, terimakasih ya....