How To Add Sticky Floating Bottom AdSense Ads In Blogger Blog

How To Add Sticky Floating Bottom AdSense Ads In Blogger Blog

Everyone thinks that if they put AdSense code in the popup box, Google rejects their AdSense account. But this floating ads widget is different and you can use adsense ads in this box. If you add this box. So your Google AdSense can't have any problem. Because sticky bottom ads are using a lot of websites. Many of which also have websites that belong to big companies. There is a great advantage of applying bottom ads. Because there are maximum chances. That visitors click on such ads. Which will increase your earning.

So today I will tell you the easy way.  With the help of which you can add sticky floating bottom ads to your website or blog.

How To Add Sticky Floating Bottom AdSense ads In Blogger Blog


  • Go To Blogger >> Select Theme >> Select Edit HTML.
  • Click anywhere inside the code area and press Ctrl + F keys to open the search box.
  • Now, Search for </body> tag and paste below code just above of this tag.

<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://1.bp.blogspot.com/-s4fLc3iJtZg/XvclY2jzF1I/AAAAAAAALds/tzVQaAMU93oduTx8aDKsJzn4IMSQZRNsgCK4BGAsYHg/s512/1593255240460.png' height='20' width='20' title='close button' style='vertical-align:middle; float:right;'/></a></div>
<div style='text-align:middle;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<----Enter Ads Code---->

</div>
</div>

  • <----Enter Ads Code----> :- Replace with AdSense ads code.
  • AdSense ads size :- 340x55
  • Click Save Theme.
ViewCloseComments
Cancel