- Login ke Blogger
- Masuk ke bagian Edit HTML pada template
- Centang pada bagian Expand Widget Template
- Cari kode </head> (gunakan Ctrl+F, untuk mempermudah pencarian)
- 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 -->
$(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 kamu, kode itu tidak usah di pasang lagi jadi kamu hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, kamu bisa sesuaikan pada label id di blog kamu.
Yang diatas adalah cara memasang efek link nudging otomatis. Jika ingin memasang nudging effect ke link khusus atau ke satu link saja secara manual, kamu tinggal sisipkan class='nudge' contohnya seperti di bawah ini.
<a href="http://red-mercenary.blogspot.com" class="nudge">Red Mercenary</a>
Nah silahkan dicoba, sekarang jadi tau kan apa itu link nudging? sekian dulu ya dari saya, semoga bermanfaat. Glory!!
Referensi dari http://bloggerpeer.blogspot.com