How to add responsive sticky button on blogger footer (latest update)

Footer sticky ads script for blogger

Responsive Sticky Ads for blogger
Sticky Ads Demo

Hello Guys, You are here because you need sticky ads on your blog. How we put sticky ads on blog. If you need sticky ads on your blog then you are in right place.

Welcome back, Now I will give you a solution how to add footer sticky ads. If you are a blogger then you must search for free blog script, free blog widget and free templates for make your blog(website) professional look then stay with us.

Features of sticky ads.

  1. AdSense Friendly.
  2. Responsive on mobile, tablet and desktop view.
  3. Increase your ads revenue (CPC & CPM)
  4. This Script is very easy to setup and modify. Just put absence ads code on script.
  5. With close button.
  6. Appears on every pages.

How to add responsive sticky button on blogger full guide.

  1. Login in blogger dashboard.
  2. Click on 3 line top of dashboard. And click on "Theme".
  3. Click on down arrow near of customize button, First click on backup them and backup then click on "Edit HTML"
  4. Search </body> tag on HTML code.
  5. Copy code from down below.
  6. Place a code before</body> tag.
  7. Create new ads unite on AdSense size fix 340*55.
  8. Place your AdSense code on "Input Here ads Code (340x55)".
  9. Click on Save theme.
Important links,


Footer Sticky Button Code
  <script type='text/javascript'>$;(document).ready(function() {$;(&#39;img#closed&#39;).click(function(){$;(&#39;#bl_banner&#39;).hide(90);});});</script>  
 <div id='fixedban' style='width:100%;margin:auto;float:none;align:center;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>  
 <div><a id='close-fixedban' onclick='document.getElementById(&quot;fixedban&quot;).style.display = &quot;none&quot;;' style='cursor:pointer;'>  
 <img align='left' alt='close' height='15' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRokqWPXdbveThZaHaIymCP0Gviy3RKccfZe2xP779MJL2FFGw7sb4i-6QRbjgNk6FhZnNcokoEnvVsAfEZekCdnNtIL4Panj-_vlfrlvS_ocNj5R0bIMPAQ0PCQ2BUTEvKXaUWBlcPoF/w200-h168/cancel-47588_640.png' style='vertical-align:super;' title='close button'/></a></div>  
 <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>  
 Input Here ads Code (340x55)  
 </div>  
 </div>   
Now , Finish our process successfully create a sticky ads on blog. Thank you for visit, Keep Visiting for more blogging knowledge. 
Previous Post Next Post