How to make a sticky widget in blog (2018)

Sticky widget code
Clict to see tutorial

Go to blogger >> Theme>> Edit HTML

Ctr F and type </body>

Clict to see tutorial

Paste the code anywhere between <body> and </body> in the blogger HTML.. Im suggest to install it directly above </body>.

Just change YOUR WIDGET ID highlighted in the code with your widget ID and save it.
You can find your widget id in the layout or "edit HTML".

<script>
//<![CDATA[


bs_makeSticky("YOUR WIDGET ID"); // enter your widget ID here
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>


<style>
.bs_sticking {
 background:#f2f2f2 !important; 
 position:fixed !important; 
 top:0; 
 z-index:999; 
 margin-top: 0; 
 position:relative\9 !important;
 }
</style>

Clict to see tutorial

How to make a sticky widget in blog (2018)

Contact form