How To Make Fixed Sticky Sidebar Scrolling Down Css

Making money online through AdSense is not easy and one of the most important ideas for every blogger monetized on your blog.
And place your ad in the right place, play an important role in getting your visitors to click, otherwise, there is no money.

So, here's a great way for your visitors to show your ads in specific widgets, even if your visitors scroll downward or scroll upwards. Floating sidebar fix widget gets more attention from your visitors than normal sidebar widgets.
So, before implementing please remember that you please:

1. This widget will fit in one of your Blogger Sidebar Widgets according to your choice.
2. It will not overlap with your footer area.
3. The best thing is that, if your responsive template is used, this particular widget will be automatically hidden.

Blogger - Edit HTML
1)

 2) Blogger - Paste

Paste Code After </body>

Change Youre Gadget Name

Fixed Sticky Sidebar In Blogger
<script>//<![CDATA[ HG_makeSticky("HTML2"); // enter your widget ID here function HG_makeSticky(elem) { var HG_sticky = document.getElementById(elem); var scrollee = document.createElement("div"); HG_sticky.parentNode.insertBefore(scrollee, HG_sticky); var width = HG_sticky.offsetWidth; var iniClass = HG_sticky.className + ' HG_sticky'; window.addEventListener('scroll', HG_sticking, false); function HG_sticking() { var rect = scrollee.getBoundingClientRect(); if (rect.top < 0) { HG_sticky.className = iniClass + ' HG_sticking'; HG_sticky.style.width = width + "px"; } else { HG_sticky.className = iniClass; } } } //]]></script><style>.HG_sticking {background:#ffffff !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative9 !important;} </style>