Langkah-langkahnya adalah sebagai berikut:
- Login di Blogger
- Masuk ke bagian Edit HTML pada template
- Centang pada bagian Expand Widget Template
- Cari kode </head>
- Copy paste script dibawah ini dan letakkan tepat diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge, .#Label1 ul li a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Kalau
kode yang berwarna merah tersebut sudah ada di template sobat, kode itu
tidak usah di pasang lagi jadi sobat hanya perlu memasang kode
dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget
id pada label, sobat bisa sesuaikan pada label id di blog sobat. Dibawah
ini adalah contoh widget id label dari template blog saya.
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
Kemudian untuk membuat
Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan
class="nudge" seperti dibawah ini
<a href="http://bloggerpeer.blogspot.com" class="nudge">Blogger Peer</a>
Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini
<a href=http://bloggerpeer.blogspot.com" class="nudge"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40GA53DxOIrerDt0z0e7kf-igtg4i78iHl_SfKEYFkp1Wc4j3Mx_wpQkqY9a6Vr2aA9Tnb5Q9nPBLHxNMrr8tjM9ENhAs6YeiqcffcLRafzGTWINvMditGHqwviLrAFPGLql7Xezpy-c/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a>
