Sticky atau menempel atau Fixed jadi maksud sticky widget yaitu widget pada sidebar tetap terlihat walau blog discroll kebawah.
Agak terlambat memang posting soal ini tapi tidak apalah hitung-hitung buat data sendirilah.
Untuk demo bisa dilihat diblog ini (jika belum berubah) atau buka blog http://jon-newrow.blogspot.com/
Adapun Cara Membuat Fixed Sticky Sidebar, yaitu:
1. Login Ke Blogger
2. Masuk Ke Template > Edit HTML
3. Masukan CSS Berikut di atas ]]></b:skin> atau </style>
.sticky {
position:fixed;
top:10px;/* jarak dari atas*/
z-index: 100;
}
4. Kemudian Masukan JavaScript Berikut di atas
</body>
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML2').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML2').addClass('sticky');
} else {
$('#HTML2').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>
Catatan: Ganti Tulisan HTML2 Dengan ID Widget Sobat yang akan di Buat Sticky Widget
Selesai Cara Membuat Fixed Sticky Sidebar