Best Free Responsive Blogger Templates in 2023

 

In this article, we will discuss step by step how to create a sticky footer ads for Blogger and Wordpress websites easily within minutes:

---

Create Sticky Footer Ads

---

⇒ First, login into your blogger dashboard

⇒ NOTE: before modifying the code, you need to backup your Blogger

⇒ Next, click "Theme" section from the menu and click on edit from the drop down button

⇒ Next, opening the theme editor and click "Ctrl + F" from your keyboard

⇒ From the Search bar, type and search for <style>

⇒ Next, Copy the below code and paste before closing tag </style>

⇒ Save the template and check your website

---

Code For Blogger

---

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

 adBottom {

 left:0;

 position: fixed;

 text-align:center;

 bottom: 0px;

 width:80%;

 z-index:999;

 }

 }

---

⇒ Next, go back the layout of blogger from the menu

⇒ Add a new gadget

⇒ Next, select HTML / JavaScript option from the gadget

⇒ Now you have to copy the below given code and paste it inside the HTML / JavaScript

---

Code For Blogger

---

<div id="adBottom">

Paste You Ads Code Here

</div>

⇒ Next, create an ad unit from your AdSense account

⇒ Select fixed size of "340 x 100"

⇒ Next, copy the ads unit and replace "Paste your created ads code here" in the code above in your widget

⇒ Finally, save the gadget and refresh your website to confirm if ads is showing or not

Conclusion:

The follow steps above is use to create Sticky Footer Ads In Blogger within minute. Have question or need assistance? Feel free to drop a comment on this post and it will be responded to