cara membuat widget tertahan atau widget Melekat di blog /sticky widget

Berikut kode css yang biasanya diletakan diatas kode ]]></b:skin> yang ada didalam tempalte blog.

.sticky {
  position:fixed;
  top:10px;
  z-index: 100;
}

Berikut kode java script yang di letakan diatas kode </body>

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
    $('#HTML8').addClass('sticky');
} else {
    $('#HTML8').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>

Silahkan ganti kode berwarna merah yang HTML8 dengan id widget yang akan sobat buat menjadi sticky widget, misalnya HTML7 dsb. Sebaiknya juga sobat meletakan widget ini dipaling bawah sidebar sobat. Jika sobat meletakannya diatas widget lain maka kemungkinan widget yang lain itu akan tertahan juga. Semoga Bermanfaat Salam Blogger. . .