Create Sticky Footer Ads for Blogger and WordPress 2022

Many people use WordPress and Blogger to create and maintain a blog. They can use these platforms for many reasons including: content marketing, SEO and more. However, some may not know what it takes to get their blog on the first page of Google.

To get more traffic on your site, you must have a sticky footer ad on your site that directs people to your website or article.

Create Sticky Footer Ads for Blogger and WordPress 2022


And you can also create some revenue from these sticky ads or AdSense ads. 

Blogger Method:

First of all login to your Blogger Dashboard

Open Your Template’s HTML Editor

Press Ctrl+F and search for </style>

Then simply copy the below code and paste just before </style>

Save the Template

CSS Code:

@media only screen and (min-width: 310px) and (max-width:500px) {

 adBottom {

 left:0;

 position: fixed;

 text-align:center;

 bottom: 0px;

 width:100%;

 z-index:999;

 }

 }

Now Go back to Blogger Layout:

Add new Gadget

Select HTML/JavaScript Gadget

Now Copy Below Code and Paste it there. 

HTML Code:

<div id="adBottom">

 Your Ads Code Here

</div>

Now go to your AdSense and Create a new Ad unit:

Select fixed size

and enter the size 340×100

Now copy the ad code and replace it with “Your Ads Code Here”

Save the Gadget.

Your Sticky Ad is ready now.

Post a Comment

If You Have any Doubts Leave Your Message

Previous Post Next Post