How to install the floating ad banners with the Responsive Close Button

How to install the floating ad banners with the Responsive Close Button

• 

okay this time I will share how to place floating ads on blogs that are certainly responsive, displaying these ads will add to the impression of adsense 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.

Okay, let's get straight to the way ...

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() {$(&#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/AVvXsEhZUn9_Pvhfk3Sko3wlX-MPYxpeCPEKkukTTcU7dZrDrDS_vaMh0_gaCrBXpIHm9WgvhgtXnNcbByQBVK_goWnSCj5ZLIORDpBPpax-8P-sEJA5M_IDQl3yDFIDw4tABVobsFT4VO0KHims/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/AVvXsEhtbrqm-ZAZZBFlj-4g1UaGmosB9lVhWuUpYvFxL-pzhyphenhyphenXPMAhd4LCSEJN4etof6SIeKKmzWjZ459Jq3mwJBPZMD4B4QXQA6Jou0ZZUVqLa7b1pcV57XgYuenBo95MK0g4TyglKHJ9VZd0O/s1600/AdSpace970x90.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() {$(&#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/AVvXsEhZUn9_Pvhfk3Sko3wlX-MPYxpeCPEKkukTTcU7dZrDrDS_vaMh0_gaCrBXpIHm9WgvhgtXnNcbByQBVK_goWnSCj5ZLIORDpBPpax-8P-sEJA5M_IDQl3yDFIDw4tABVobsFT4VO0KHims/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.

• Demo

Okay, that's all I can say about How to Install a Flying Banner Ad with a Close Responsive Button Thank you for visiting, hopefully it will be useful for all of you