Jumat, 25 Januari 2013

Cara Mudah Membuat Link Bergoyang di Blog


Hai sobat blogger semua kali ini saya akan share artikel tentang cara membuat link bergoyang saat disentuh oleh mouse. Mungkin sobat blogger sudah banyak melihat contoh/demonya di blog-blog yang memasang fitur seperti ini. untuk para sobat blogger yang belum tahu, sobat bisa mencobanya dengan cara mengikuti langkah-langkah berikut :


  • Loging dengan akun blog sobat
  • Pilih opsi template
  • Kemudian edit html -->> centang expand template widget 
  • Lalu cari kata  </Head> 
  • Tekan Ctrl + f untuk mempermudah pencarian kata
  • Copy kode dibawah simpan di atas kode  </Head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;a&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});</script>



  • Kemudian simpan template lalu lihat hasilnyaa.

Tidak ada komentar:

Posting Komentar