Home
Script

How To Install Floating Banner Ads With Responsive Close Buttons

How To Install Floating Banner Ads With Responsive Close Buttons


Floating Banner Ads

Hi, welcome back to The Cyber Chipe Blog. Presently we will find out concerning How To Install Floating Banner Ads With Responsive Close Buttons. I'm sharing right now how to introduce drifting promotions on sites that are without a doubt responsive, and showing these advertisements will add an Adsense look to your blog. 

This pennant can be introduced with pictures or additional items, companions. As displayed above, bloggers currently have various objectives – the individuals who need to make page cash, individuals who know numerous or need to compose articles. Obviously, by putting standard advertisements on your blog, a companion can advance others' items and your items. 

In case there are promotions that block your crowd from perusing your article, and your crowd is dark awkward, or awkward, the flag over the advertisement has a nearby catch over the promotion to get perused of the promotion.  

Step by step instructions to Install Floating Banner Ads With Responsive Close Buttons On Blogger or Blogspot 

To begin with, duplicate the code beneath the companion first Blogger.com> topic > Edit HTML and glue it straight over the code or </body> 

1st step:


<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCphyphenhyphenKjIgplX2F0FXlsQgQ2uVLYQXmBRg2eXQ10VWTzN_hqHbe-7K1dqh44Oe6UJswIBnldxl98GA7h3O8jFPBlq5I-mdb7Z5nvYQj6KFOTGEbEIP7W98UC91UsRlrEvS3rlD5L5XJePN/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoyy3yhS22BfbHLpf1axTkvKZJobt7WBIh9aCO6jP7BgF0sDmIpDdD0F0aJRmp2Y-N8VjL68HZELqao5PZpfsimfCViGMPAkcD7cEtC2QrNlsUTfueRDrWMthIJy8owEJtTwQDT0dIuWPm/s1600/AdSpace970x90.png'/></a>
</div>
</div>

2nd step:

For standards that need to be introduced with AdSense that are stamped red can be supplanted with your AdSense code, or you can see the code beneath, duplicate 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCphyphenhyphenKjIgplX2F0FXlsQgQ2uVLYQXmBRg2eXQ10VWTzN_hqHbe-7K1dqh44Oe6UJswIBnldxl98GA7h3O8jFPBlq5I-mdb7Z5nvYQj6KFOTGEbEIP7W98UC91UsRlrEvS3rlD5L5XJePN/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>

In the event that you have click save money on your format and see the outcomes, you are finished. 

Conclusion: How did you like this article on How To Install Floating Banner Ads With Responsive Close Buttons. You should advise me by the remark in the remark box underneath. Then again, on the off chance that you might want to offer us some guidance, you can impart your insights in the remark box underneath.

Post a Comment