Sabtu, 15 Januari 2011

Membuat Link Bergoyang

Bosan Dengan tampilan link yang hanya diam di tempat saja, tenang saja kali ini SPN akan memberikan cara membuat link bergoyang seperti goyang dangdut...
Sebagai Contoh Langsung saja arahkan cursor mouse sobat ke link-link dibawah ini :


Link-Bergoyang 1
Link-Bergoyang 2
Link-Bergoyang 3
Link-Bergoyang 4
Link-Bergoyang 5





Setelah melihat contoh di atas apakah sobat tertarik untuk membuat nya....
Langkah Pertama :
1.Copy paste script kode dibawah ini :
2.Masuk Ke Blog Anda Buka Tata Letak/Rancangan
3.Masuk ke Edit HTML
4.Cari Kode </head>
5.Copy paste scrpt kode dibawah ini tepat dibawah kode </head>





<!--Link Bergoyang-->
<script src='http://code.jquery.com/jquery-latest.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 http://iklansungaipenuh.blogspot.com-->


Langkah Kedua
Setiap sobat Ingin Memggunakan Link Bergoyang jangan lupa di tambah kode ini (class="nudge") 
Untuk Link Berbentuk Tulisan gunakan kode dibawah Ini :


<a href="http://iklansungaipenuh.blogspot.com" class="nudge">Link Bergoyang</a>

Untuk Link Gambar gunakan kode dibawah Ini :

<a href="http://iklansungaipenuh.blogspot.com" class="nudge"><img src="http://lh5.ggpht.com/_VyCMMkwhjoA/TCx7x4OptGI/AAAAAAAAAZg/27MLNMgkX18/s128/yahoo.png" ></a>

Selamat Mencoba

Artikel yang berkaitan




0 komentar:

Posting Komentar



Bagi yang ingin belajar PHP / HTML / MySQL Dan ingin membuat WEBSITE SENDIRI dengan sangat Mudah dan Murah sambil langsung praktek, Saya rekomendasikan anda belajar DI SINI atau DI SINI «« di klik biar situsnya keluar, 4 langkah Mudah dan 3 langkah JITU Murah dan Mudah Membuat WEBSITE. D12UL. D12UL


Twitter Delicious Facebook Digg Favorites More