Cara Membuat Sticky Sidebar (Sidebar melayang) di Blogspot
Cara membuat Sticky sidebar ini tidak sulit, kamu cukup copy kode script di bawah ini kemudian meletakkannya di edit template HTML pada blog.
Letakkan kode di bawah ini sebelum kode </head>
<b:if cond='data:blog.isMobileRequest == "false"'>
<script type='text/javascript'>
//<![CDATA[
$(function() {
if ($('#HTML6').length) {
var el = $('#HTML6');
var stickyTop = $('#HTML6').offset().top;
var stickyHeight = $('#HTML6').height();
$(window).scroll(function() {
var limit = $('#footer').offset().top - stickyHeight - 20;
var windowTop = $(window).scrollTop();
var lebar = $(window).width();
if ((stickyTop < windowTop)&&(lebar > 759)) {
el.css({
position: 'fixed',
top: 15
});
} else {
el.css('position', 'static');
}
if (limit < windowTop) {
var diff = limit - windowTop;
el.css({
top: diff
});
}
});
}
});
//]]>
</script>
<style>
#HTML6{max-width:320px}
</style>
</b:if>
Ganti #HTML6
dengan id widget yang ingin kamu buat melayang / sticky
Ganti #footer
dengan id footer yang ada di blog kamu
No comments:
Post a Comment