Berikut cara mudah membuat widget sticky pada sidebar blog. :
Ada dua langkah untuk membuat widget sticky ini
A. DENGAN MENAMBAH KODE CSS
1. Login ke Blogger
2. Klik Template > Edit HTML
3. Tambahkan kode CSS di bawah ini di atas ]]></b:skin>
.sticky {
position:fixed;
top:5px;/* jarak dari atas*/
z-index: 100;
}
B.TAMBAHKAN JAVASCRIPT
Simpan kode ini di atas </body>
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML1').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>
Ganti #HTML1 dengan ID widget yang akan dibuat sticky. Taraaa selamat anda sudah dapat membuat widget sticky pada blog sobat . Demikian artikel saya tentang Cara Membuat Widget Sticky di Sidebar Blog semoga bermanfaat bagi anda , jika ada pertanyaan silahkan bertanya pada saya . ok akhirul kalam wassalaammualaikum wr.wb.
Baca Juga Artikel Terkait Lainnya
Silahkan bertanya sesuai dengan artikel yang telah anda baca diatas.
Link aktif otomatis terseleksi ke SPAMMER.
Alasan komentar anda tidak terjawab adalah OOT atau diluar kemampuan Admin.