18.26
kg
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>
Langkah Kedua
Setiap sobat Ingin Memggunakan Link Bergoyang jangan lupa di tambah kode ini (class="nudge")
Untuk Link Berbentuk Tulisan gunakan kode dibawah Ini :
Untuk Link Gambar gunakan kode dibawah Ini :
Selamat Mencoba
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi2s2mjmBq2xZZFRhoFW5XF2RlMiAgcdLFmlSzbLY_IyDuCBeQHH1X2sfkRC53gwK5IwYulNbSRc3U_OyBGtODDNLv1BO2YUdV53X6CU0werkGIoZm3ecrLu50TaZ4VDujJzhhCJBI9qk/s128/yahoo.png" ></a>
Selamat Mencoba
Posted in
Tutorial Blog
0 komentar:
Posting Komentar