How To Add Fixed Responsive Adsense Floating Ads Box In Footer

Hello Friends, Are you ready for your earnings double form AdSense? Today in this article we are going to Learn You How to Add a Responsive Floating Ads Widget In Blogger.

You can choose defferent advertising platform for adding this widget in Blogger Template.

Every Blogger think that if they will add adsense code in popup box, adsense will cancel their AdSense account at same time after verification. And whoever is thinking this are absolutely right. But our floating ads widget is Highly appreciated and different and you can use AdSense ads code in this box.

We still say we are not responsible for your account suspension if you add this AdSense code in box and your account will get suspended in anyway.

If you add adsense ads or any other ads and box position is fixed then there is no problem in installing on blogger footer fixed responsive ads box inside blogger template.

After embedding ads box you can double your revenue from your website. Look below for example how this box looks with close button.

You can clearly see close button above the ads in red color, so whenever you or your blog readers want to close ads just click on that button and it will not appear again unless and until you will close your webpage and reload the page.

When you add floating ads box in your blogger template the Ads will appear on the bottom of desktop and mobile screen unless and until they will not close it.

There is a close button on the ad to close it at anytime if your reader don't want to show. However we recommend this responsive ads box with close button in blogger template to display ads from other network. and if you want to add adsense before adding you must go and read the terms and conditions of applying adsense ad units in Blogger websites.

You can Also Display any links,Your Another website blog link anything in this responsive floating box. So to grab this trick just follow the steps mentioned below.

How to add a responsive floating ads box in blogger footer

Following below steps to install Floating Footer Ads on Blogger :—

  Step 1.   Log in to your Blogger account and Go to your Blogger Dashboard.
  Step 2.   Now Click on > Template > Edit HTML.
  Step 3.   Now Search for the closing </body> tag and now copy the below code and paste it just above </body> tag

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedbox' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedbox' onclick='document.getElementById(&apos;fixedbox&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh44wwUIQOaQaWo3PRj2PbNVl8kjyF_E8-1D-5RCC-D_4j0LO3zRDq2DPYT99QNClubMaH6DtYfdMD6LS5GFQuwohL-AET4lhZwKTM5EX7vXZGmwMD0rE9ogfcIW1_RVTNUl9w6HV9kdz70/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='https://www.fixiw.com/2020/09/how-to-add-fixed-responsive-adsense-ads-code-on-blogger.html' title='pixeltech Author Image'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='https://www.fixiw.com' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi41X6RqFw6UJCR4ylk-DVFi1zNbrmW4Wz9l5ith0Hhr0YKkSVGc72yD1fDzFopSo1O1vAdaFTOPdntdriqbmPQlklpd9UuHlNQHRUVmVb4gSEXIyFm3DXBODXVSP5dVk6CVYQJQ40pcg/'/></a>
</div>
</div>

Customization

To change the width of the advertisement box, Just change 728px with your desired width size.

To Add the Adsense Ads code inside the box or any other ads network ads remove the above highlighted lines and paste your own ads code over there.

  Step  4.  Now Save your Template...

Done !!

I think we help you to adding Floating Ads on blogger footer. If you still have any questions or problems on installation about this widget to your Blogger Template please write us in comment box.