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:

Tutorial Blog

• Cara Membuat Link Bergeser
• Cara Membuat Menu Warna Warni
• Cara Memuat Spoiler Untuk Blog
• Headline News KATA SENDIRI
• Cara Memasang Widget Page Rank dengan mudah dan cepat
• Cara Pasang Related Post With thumbnails
• Pasang Navigasi Breadcrumb di Blogger Diatas Posting
• Efek For Blog
• Cara Membuat Backround Pada Judul Postingan
• Cara Membuat Link Beraneka Rgam
• Cara Membuat Kode warna Versi 2
• Cara Pasang Sexy Social Boommark
• Cara Membuat Menu Tab View
• menambahkan effect jquery link nudging pada tabel
• Cara Pasang Top Komentartor
• Tweety Bird Blogger Template
• Related post atau postingan terkait [With Tuhumbanail]
• Cara Mengganti Foto Profil Blog Dengan Animasi
• Cara Membuat Animasi Berjalan Dibawah tengah blog
• Cara Membuat Tag Cloud
• Cara Membuat Gambar ketika mouse diarahkan
• Isengin Pengunjung Yuk!!!
• Cara Membuat Bukutamu tersembunyi Versi TERBARU
• Cara Menampilkan Judulnya Saja Ketika label di klik
• Cara Pasang Slide Post

Posted in: Tutorial Blog