How To Install Floating Banner Ads With Responsive Close Buttons

Hello, welcome back to The Gxfreee Blog. Now we are going to learn about How To Install Floating Banner Ads With Responsive Close Buttons. I am sharing at this time how to install floating ads on blogs that are undoubtedly responsive, and showing these ads will add an Adsense look to your blog. play some games

This banner can be installed with pictures or add-ons, friends. As shown above, bloggers now have different goals – those who want to make page money, people who know many or want to write articles. Of course, by placing banner ads on your blog, a friend can promote other people’s products and your products.

If there are ads that block your audience from reading your article, and your audience is black uncomfortable or uncomfortable, the banner above the ad has a close button above the ad to get read of the ad.
Okay, let us the go-to tutorial.

Also Read : How to Remove Mobile View “m=1” in Blogger Blogspot?
[2021] Free Premium New Blogger Password Protected Download Button Script
Advanced 2021 New Blogger Script Template for Site is Moved here, Site is Under Construction.

How To Install Floating Banner Ads With Responsive Close Buttons On Blogger Blogspot

First, copy the code below the friend first Blogger.com> theme > Edit HTML and paste it directly above the code or </body>

<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;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://3.bp.blogspot.com/-rPSylXvR0U0/XIzOTLA6alI/AAAAAAAADBk/-5rnuVZLRoQBhOcRb2Xp205udpRFbsJSQCLcBGAs/s1600/AdSpace970x90.png'/></a>
</div>
</div>

For banners that want to be installed with AdSense that are marked red can be replaced with your AdSense code, or you can see the code below, copy this.

<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;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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'>

Paste the Adsense Code Here!

</div>
</div>

If you have click save on your template and see the results, you are done.

Conclusion: How did you like this article on How To Install Floating Banner Ads With Responsive Close Buttons. You should tell me by the comment in the comment box below. Alternatively, if you would like to give us some advice, you can share your opinions in the comment box below.

Leave a Comment


x
Share via
Copy link