<style> #PopularPosts1{width:inherit;
max-width:380px
}
@media only screen and (min-width:400px) and (max-width:970px){
#PopularPosts1{display: none!important;}
}</style>
<style> #PopularPosts1{width:100%;
max-width:380px
}........dst
100% ternyata membuat sidebar melebar melewati batas pada saat konten di scroll ke atas. Contoh di atas saya buat untuk widget PopularPost, bukan PopularPost2 dst.
Langkah selanjutnya cari kode </body> dan letakan kode Javascript berikut tepat diatasnya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/><script type='text/javascript'>
//<![CDATA[
$(function() {
if ($('#PopularPosts1').length) {
var el = $('#PopularPosts1');
var stickyTop = $('#PopularPosts1').offset().top;
var stickyHeight = $('#PopularPosts1').height();
$(window).scroll(function() {
var limit = $('#FollowByEmail1').offset().top - stickyHeight - 20;
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop) {
el.css({
position: 'fixed',
top: 20
});
} else {el.css('position', 'static');
}
if (limit < windowTop) {
var diff = limit - windowTop;
el.css({top: diff
});
}
});
}
});
//]]>
</script>
Save template. Seharusnya saya memberi judul tulisan ini dengan 'Cara membuat sticky PopularPosts1 pada sidebar Blogger' Tapi karena sebenarnya Anda dapat menggantinya widget lain yang tersedia sesuai dengan selera Anda. Judul urung kami terapkan. he he he..
Wuiih, suerrr aku baru tau loh ada istilah widget sticky alias lengket.
BalasHapusKayak sama yayang ya lengket-lengketan hihihi ...
Oh mohon maap malah becanda, *eh 🤭
Tampilan hasil akhirnya widget lengket itu kayak gimana ya ?.
Aku jadi penasaran pengin lihat.
Hhhhh...contohnya ya jika buka via laptop sidebarnya gak ikut scroll, tinggal disana dan baru beranjak sampai batas footer
Hapuswahhh mba blog nya keren bersih rapi..👍
BalasHapusTErimakasih, semua blogger dapat melakukakannya seperti bersih rumah setiap hari :)
Hapusthanks 4 sharing, mas...👍👍👍👍👍
BalasHapus