How To Add Together Mucilaginous Fixed Sidebar Inwards Blogger Website

Influenza A virus subtype H5N1 pasty sidebar inward a website is encouraged yesteryear every developer, SEO, as well as revenue oriented bloggers. Blogger websites postulate pasty blogger widgets that scrolls amongst them equally they read downwards the website post. Influenza A virus subtype H5N1 scrolling sidebar but uses jquery code to proceed it fixed during scrolling betwixt the header wrapper as well as footer. The of import ideology behind the making of blogger correct sidebar scroll amongst y'all is to encourage the click-through rate. I convey implemented the thought to float my Adsense widget inward my blogger sidebar equally y'all scroll down. Let's larn on how to add together the pasty fixed sidebar inward blogger website below.

Steps To Add Sticky Fixed Sidebar In Blogger Website

1. Login to your blogger platform as well as select your website.
2. Click on subject inward the correct sidebar.
3. Click on Edit HTML.
4. Click anywhere inward the code as well as concur Ctrl+F
5. Search for </body> inward the search box
6. Just BEFORE the inward a higher house code re-create as well as glue the below Jquery code.

<script>
// Sticky widget yesteryear www.seoclive.com
// Tutorial at //www.seoclive.com/how-to-floatstick-blogger-widgets/
// Free to utilization or share, but delight proceed this honour intact.
//<![CDATA[
bs_makeSticky(“HTMLID“); // motion into 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);
    role 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>

7. Change  HTML ID amongst your widget id that y'all would similar to float.
8. That's all, instantly salvage your template code as well as exam your lastly results yesteryear viewing your website.