Link Bergoyang Di Blog

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 .space-blogg.blogspot.com.-->

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://space-blogg.blogspot.com" class="nudge">Link Bergoyang</a>

Untuk Link Gambar gunakan kode dibawah Ini :

<a href="http://space-blogg.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUksXXoz09bzQWiYF72xrCXtB0sI1ChFqW_p5KOrXW7ay-DqadAhDziRp4bKsI4B5OUlsmaewSuuex02-u2mpb8hemjSfZ4v9rCdP4-mPYHfmh_Yc-d7_esFYDMmilUf_7fPH9Xh6IR5h9/s128/yahoo.png" ></a>

Selamat Mencoba

Artikel Terkait:

Posted in: Tutorial Blog