lihat juga

Saturday, January 14, 2012

Cara membuat link bergoyang (2)

Hallo sobat blogger mau buat tutorial yang masih berhubungan dengan link yang bisa bergoyang ,tapi postingan kali ini,tidak semua link yang bisa bergoyang tapi hanya link link yang di beri kode tertentu yang bisa bergoyang .
Oke untuk cara pembuatan nya :

  • Login ke blogger
  • masuk Rancangan--->Edit HTML--->cari kode </head>lalu masukkan kode di bawah ini tepat di bawah nya kode </head>
  • lalu save template
Berikut kode nya :
<!--Link Bergoyang-->
<script src='http://kangmahfid.googlecode.com/files/goyang_link.js' type=
'text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
<!--By Www.karinafotocollection.blogspot.com-->
Dan supaya link bisa bergoyang gunakan kode seperti di bawah ini:
<a href="Link tujuan" class="nudge">isi teks nya disini</a>
Untuk contoh link goyang nya coba arahkan cursor ke link di bawah ini

Contoh link yang bisa bergoyang

oke selamat mencoba semoga berhasil............

ads

Ditulis Oleh : gdfysx Hari: 4:17 AM Kategori:

0 comments:

Post a Comment

surf