How to Add Responsive Floating Adsense Ads Widget In Blogger Template

How to Add Responsive Floating Adsense Ads Widget In Blogger Template

How to Add Responsive Floating Adsense Ads Widget In Blogger Template
Hello,Today in this article we are going to explain How to Add Responsive Floating Adsense Ads Widget In Blogger Template.Everyone think that if they will add adsense code in popup box adsense will cancel their account at same time after verification.And whoever is thinking this are absolutely correct.But our floating ads widget is different and you can use adsense ads in this box we still  say we are not liable for your account suspension if you add this 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 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 want to close just click on that button and it will not appear again unless and until you will close your webpage and again open.When you add floating ads box in your blogger template the ads will appear on the edge of desktop/laptop/mobile screen unless and until they will not close it.There is a close button on the ad to close it at anytime if you 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 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

INSTALLATION STEPS:

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> it.

<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/AVvXsEi15Yj7OUGqj19J_hmubYi7zEBNwOOjxCi7LrfxlwgvHr7pDAy7xD3Kzieh_wkRYNOjukfCvC-xFqxq5zAxtoE9q9eVQ53SjdIK9dWvxH1L638aSjewWUBiojEjj8_RRn1L-6HM0_fbi5-K/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'>


Ads code here



</div>
</div>

CUSTOMIZATION:

  • To change the width of the box ,change 728 with your desired width.
  • To Add the Ads Code Then Replace your ads code with  Ads code here Text
Previous Post
Next Post

post written by:

I am a web designer and developer. Sharing knowledge is my passion and web designing is my interest but it is not bigger than my interest in Islam.

0 Comments: