Halaman

How to Add Responsive Bottom Sticky Ads in Blogger 2026 - Anchor Ads

How to Add Responsive Bottom Sticky Ads in Blogger 2026 - Anchor Ads

Hello Guys, Welcome to TrickPk in 2026. If you want to add Bottom Sticky Ads in Blogger and want to generate more revenue in 2026 then this article will be very helpful for you in 2026.

Google AdSense also provide this stick ad unit that can be added by enabling Auto-ads on blog in 2026. But the disadvantage of Google's default Stick Ad is that sometimes it appears sometimes it doesn't, it also appears in random places in top or bottom in 2026.

What are Sticky Ads in 2026?

Sticky Ad (Anchor Ad) is a type of overlay ad which stays at the fixed position of a webpage regardless of scrolling in 2026. These are generally used in top, bottom, left & right sidebar in 2026.

Benefits of Adding Sticky Ads in 2026:

Sticky Ads are very helpful to increase the revenue in 2026 as it increases the impression and CTR, CPM value of your website. Also it increases the viewability of ads which is very helpful to optimize the ad revenue in 2026.

How to Add Responsive Bottom Sticky Ads in Blogger 2026 | Anchor Ads

Responsive Bottom Sticky Ads - TrickPk 2026

Following are the basic steps to Add Floating Bottom Sticky Ads in your blog in 2026.

Follow the steps given below to add Bottom Sticky Ad in Blogger in 2026 as are

Step 1. Adding CSS Codes in 2026

  • Copy the following CSS Codes and paste just above to ]]></b:skin> tag in 2026.
CSS • STICKY 2026
/* TrickPk Bottom Anchor Ads 2026 - Premium */
.TrickPk-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:9999;
}
.TrickPk-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);cursor:pointer
}
.TrickPk-ads .TrickPk-ads-close svg{width:22px;height:22px;fill:#000}
.TrickPk-ads .TrickPk-ads-content{
 overflow:hidden;display:block;position:relative;
 height:70px;width:100%;margin:0 10px
}

Step 2. Adding HTML Codes in 2026

  • Copy the following codes and paste just above to </body> tag in 2026.
HTML • STICKY 2026
<div class='TrickPk-ads' id='TrickPk-ads'>
 <div class='TrickPk-ads-close' onclick='document.getElementById("TrickPk-ads").style.display="none"'>
  <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='TrickPk-ads-content'>
  <!-- AdSense Ad Unit 2026 -->
  <ins class="adsbygoogle"
   style="display:inline-block;height:70px;width:100%;line-height:70px;"
   data-ad-client="ca-pub-xxxxxxxxxxx"
   data-ad-slot="xxxxxxxxxxx"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
 </div>
</div>

Step 3. Adding AdSense Codes in 2026

Go to your AdSense account and create a new Responsive Display Ad Unit in 2026.

Now copy the data-ad-client & data-ad-slot codes from the Display Ad Unit and paste these codes where we have marked places for these in 2026.

If you are using AdNetwork other than Google AdSense in 2026, then delete the code given below and paste your ad codes in its place in 2026.

ADSENSE • CODE 2026
<!-- AdSense Ad Unit 2026 -->
<ins class="adsbygoogle"
 style="display:inline-block;height:70px;width:100%;line-height:70px;"
 data-ad-client="ca-pub-xxxxxxxxxxx"
 data-ad-slot="xxxxxxxxxxx"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

In mobile generally the size of Sticky Ad in 2026 is 320×50 and on desktop they are generally 728×90.

So make the ad unit of these sizes in 2026 to make it 100% responsive.

This is all about Adding Sticky Bottom Ads in Blogger in 2026. I hope this article is very useful for you and you must have easily added this Sticky Ads Widget to your blog in 2026. Please share this article and if you are facing any problem in 2026, then tell in the comments, we will reply as soon as possible in 2026.

Copyright © TrickPk 2026

Related Post

No comments