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 ]]</b:skin> tag and paste below code just above of this tag.

/*sticky ad*/ .TG-ads { position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; } .TG-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .TG-ads .TG-ads-close svg { width: 22px; height: 22px; fill: #000; } .TG-ads .TG-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px; }

  • 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.

<div class='TG-ads jhfdiuh0' id='TG-ads'>
<div class='TG-ads-close' onclick='document.getElementById(&quot;TG-ads&quot;).style.display=&quot;none&quot;'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='TG-ads-content'>
<ins class="adsbygoogle"
     style="display:inline-block;height:70px;width:100%;line-height:70px;"
     data-ad-client="ca-pub-#######"
     data-ad-slot="xxxxxxxxx"></ins><script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
  </div>

  • xxxxxxxxx :- Replace with AdSense ads ad-slot number.
  • ####### :- Replace with AdSense ads ad-client number.
  • Click Save Theme.
ViewCloseComments
Cancel