Cara membuat link bergoyang (2)

Cara membuat link bergoyang (2) - Hallo Sob Jody Blog, artikel kali ini berjudul Cara membuat link bergoyang (2), kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara membuat link bergoyang (2)
link : Cara membuat link bergoyang (2)

lihat juga


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............





Demikianlah Artikel Cara membuat link bergoyang (2)

Sekian Cara membuat link bergoyang (2), mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara membuat link bergoyang (2) dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2012/01/cara-membuat-link-bergoyang-2.html Semoga artikel ini bisa bermanfaat.

Related Posts :