Cara Mudah Membuat Widget Sticky di Sidebar Blogger Anda

Berikut Tips Memasang Widget Sticky di Sidebar Blog

1. Pertama yang pastinya sobat harus login ke Blogger
2. Setelah Klik Template > Edit HTML
3. Tambahkan kode CSS di bawah ini di atas ]]></b:skin>



.sticky {
  position:fixed;
  top:10px;/* jarak dari atas*/
  z-index: 100;
}



4. Tambahkan Kode JavaScript
Simpan kode ini di atas </body>[ kode ini biasanya berda paling ngisor pisan ]



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


Silahkan Sobat Ganti #HTML1 dengan ID widget yang ingin sobat buat sticky.

Nah itu dia cara Membuat sekaligus Memasang Widget Sticky di Sidebar Blog Paling Mudah , semoga tutorial sticky ini bermanfaat bagi sobat dan selamat mencoba

Tweet