Rabu, 02 Februari 2011

Link bergoyang

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.daltrikblog.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://www.daltrikblog.co.cc" class="nudge">Link Bergoyang</a>

Untuk Link Gambar gunakan kode dibawah Ini :

<a href="http://www.daltrikblog.co.cc" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhchEUx0182AZxIikrrrM26FBkS7L7iBr9I67aX1AFGlHpjpTbrHqtWB_JM7EzEUlInMidHb6iXefsaE0_1m0TzAJ-jWpAriBQqVP1suTt5nCdnviI3cIpbs1Xo9borbAhYLoJGiccQgDyY/s128/yahoo.png" ></a>

Disini....
Download script


Happy Blogging

Tidak ada komentar:

Posting Komentar