Cara Mudah Membuat Widget Sticky di Sidebar Blogger Anda

Cara Paling Mudah Membuat dan Memasang Widget Sticky di Sidebar Blogger sobat - Apakah widget Sticky itu dan bagaimana cara pemasangan pada blog ? widget Sticky merupakan widget yang tetap melayang / menempel meskipun mouse sobat di scroll ke bawah . biasanya widget sticky ini terletak di bagian sidebar blog sobat , entah itu dibagian sidebar kiri maupun sidebar kanan , widget sticky ini dipasang supaya dengan jelas pengunjung dapat melihat widget yang kita buat sticky seperti widget follower , widget fans page dan masih banyak lainya , namun dalam penggunaanya widget sticky di larang untuk memasang iklan adsense dalam gaya sticky

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

Ditulis oleh Mas Yadi pada tanggal

Tweet