How to install a floating ad banner with a responsive close button

How to install a floating ad banner with responsive close button - Good morning loyal visitors triksimple.com okay this time I will share how to place floating ads on a blog that is certainly responsive, of course, bloggers like me showing this ad will add Adsense impression on your blog. of course.

This banner can be installed with pictures or Adsense, buddy, as shown above, bloggers now have different goals - there are those who want to make side money, known to many people, or even like to write articles, of course, by placing banner ads on your blog, friend can also promote other people's products and products owned by your own friend.

The banner above has a close button above the ad, it is useful to remove the advertisement if your visitors are uncomfortable or uncomfortable if there are ads that are blocking when visitors read your article.

How to install a floating ad banner with a responsive close button

First, my friend first enter Blogger.com > Themes > Edit HTML copy the code below and paste it directly above the code </body>or &lt;/body&gt;

<script type='text/javascript'> $(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').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('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQ0wFssDrhUb7BngwOe1ezANXwJH4cBrC4N4gC6oQOC1tzuN-LzGJ6Pwxw9KkpggiHVMouSX0dMkgXeeMb-eOXjGHqOSsscVuPZLol61Nh6iD-S5VEERNLZAMdi3F9FX1D9qGQOj70Ahj/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/AVvXsEj8oXJEzFmDeogCfoR827bxEmrAE7wv4VuZ8KhACN0834cYj69NnFifXc6M63SKn0arIuKA1qie-6Xvzpjwf2OzjxM1wB3awnbfRLh-CN9XvZXSWaRSJ7A4xFhyMVyxNBMTlAaQd9M_8Mpo/s1600/arlina-tea.png'/></a> </div> </div>

For banners that want to be installed with adsense marked in red can be replaced with your adsense code, or you can see the code below

  <script type='text/javascript'> $(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').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('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQ0wFssDrhUb7BngwOe1ezANXwJH4cBrC4N4gC6oQOC1tzuN-LzGJ6Pwxw9KkpggiHVMouSX0dMkgXeeMb-eOXjGHqOSsscVuPZLol61Nh6iD-S5VEERNLZAMdi3F9FX1D9qGQOj70Ahj/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 Kode Adsense Disini! </div> </div>

If you've click save on your template, and see the results.
Okay, that's all I can say about  How to Install Floating Ad Banners With Responsive Close Buttons Thank you for visiting, hopefully, useful for all of you.

Previous article

How to Make Double Pop Up Responsive Ad Banners on Blogs

Next article

How To Make Credit Link Templates Automatically Redirect When replaced and deleted