Membuat Sticky Widget Sidebar di Blogspot
SEO Tutorial Tutorial Blogger Tutorial Blogspot
Untuk membuat sticky widjet cukup mudah, silahkan disimak.
2. Klik Template >> Edit HTML
3. Lalu tambahkan kode CSS berikut ini diatas ]]></b:skin>
4. Simpan kode berikut diatas </body>
5. Ganti HTML2 dengan ID widjet yang akan dibuat sticky atau menempel.
.sticky {
position:fixed;
top:10px;/* jarak dari atas*/
z-index: 100;
}
4. Simpan kode berikut diatas </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>
5. Ganti HTML2 dengan ID widjet yang akan dibuat sticky atau menempel.
6. Save template . Dan bisa langsung melihat hasilnya. Sekian.