Cara Sederhana Membuat Widget Sticky di Blogger

widget sticky sangat menarik jika digunakan untuk iklan, karena iklan akan tampil meski kita menscroll laman... dan berikut adalah cara membuat widget sticky di blogger

1. Pertama Masuk ke Blogger > Klik Template > Edit HTML
2. Tambahkan kode di bawah ini di atas kode ]]></b:skin> (kamu bisa mencarinya dengan ctrl + f)


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

3. Simpan kode ini dan letakkan di atas </body>


<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 ganti kode HTML1 dengan kode widget yang ingin dibuat sticky)

4. Simpan dan lihat hasilnya..