[MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI]
Mau punya buku tamu seperti ini?
Klik di sini

Kamis, 31 Maret 2011

Link Bergoyang

Posted by fardi"linkin 02.24, under | No comments


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

Link-Bergoyang 1
Link-Bergoyang 2
Link-Bergoyang 3
Link-Bergoyang 4
Link-Bergoyang 5
Link-Bergoyang 6
Link-Bergoyang 7
Link-Bergoyang 8




Setelah melihat contoh di atas apakah anda tertarik untuk membuat nya,Oke... langsung saja ke proses Pembuatan :

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 Www.kikiyo.co.cc-->


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


<a href="http://fardilinkin.blogspot.com" class="nudge">Link Bergoyang</a>
atau klau gk bisa yang ini ...
masukan kode di bwah ini
<a href="http://www.kikiyo.co.cc" class="nudge">Link Bergoyang</a>
Untuk Link Gambar gunakan kode dibawah Ini :

<a href="http://fardilinkin.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbVhY_XayWuoYelDAFw-iwNfJIvALr5xSvKW5XZisyKj3nM9el9bgqUtSnbks41GRwH_D_-0HzlgA9SwqR_XSkGvC27OHSxz_ZBGCSw8TLRcp4_j1BMS2fxz-m6RQ0oMOUOI6TfVQAlJ8s/s128/yahoo.png" ></a>
klau gk bisa yang ini ...
masukan kode di bwah ini

<a href="http://www.kikiyo.co.cc" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbVhY_XayWuoYelDAFw-iwNfJIvALr5xSvKW5XZisyKj3nM9el9bgqUtSnbks41GRwH_D_-0HzlgA9SwqR_XSkGvC27OHSxz_ZBGCSw8TLRcp4_j1BMS2fxz-m6RQ0oMOUOI6TfVQAlJ8s/s128/yahoo.png" ></a>

Selamat Mencoba

0 komentar:

Posting Komentar

**** Jangan Lupa Commentnya By Fardi ****