Membuat Sticky Widget Effect Bounce di Sidebar

Assalamu'alaikum..
Mungkin sahabat blogger sudah tahu apa itu Sticky Widget. Menurut blognya Kang Ismet dalam istilah website, Sticky berarti berada didepan atau selalu mengikuti walaupun mouse terus di scroll. Sedangkan Sticky Widget Sidebar berarti sebuah widget yang selalu menempel atau bisa juga widget yang mengikuti walaupun mouse terus di scroll (sama saja). Disini saya hanya akan memberikan javascriptnya saja, untuk pemasangannya bisa diatur sendiri. Ooh iya, Sticky Widget ini berbeda dari sebelumnya, yaitu dengan Effect Bounce yang contohnya bisa lihat di sidebar saya ini.

JavaScript Sticky Widget Effect Bounce

Tambahkan kode ini sebelum  </body>

<script type='text/javascript'>
$(function(){var offset=$(&#39;#kanan-box&#39;).offset();var topPadding=100;$(window).scroll(function(){if($(window).scrollTop()&gt;offset.top){$(&#39;#kanan-box&#39;).stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$(&#39;#kanan-box&#39;).stop().animate({marginTop:0})}})});
</script>

Editing Script

Ganti #kanan-box menjadi ID widget anda.

Semoga Bermanfaat.