1. Homepage
  2. AdSense
  3. How to Create Sticky Footer Ads for WordPress and Blogger

How to Create Sticky Footer Ads for WordPress and Blogger


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
@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.
<div id="adBottom">
 Your Ads Code Here
</div>

Now go to your AdSense and Create a new Ad unite

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

That’s It.

WordPress Plugin

Here is a Great Plugin Called Adace

You can download and use it for free from Here.

About Author

RipoN is a YouTuber by Hobbie and Blogger by Passion. He Loves to spread information that helps others to lives in this Digital World.

Write a Comment

Comments (36)

  1. Kaam nhi karraha bhai blogger me

  2. 7 months ago

    thanks

  3. 7 months ago

    Best Ad Size Bta Dijiye Thoda

  4. 7 months ago

    Sir, it is not working in blogger. I did exactly what you did on youtube.

  5. 7 months ago

    How to add ReedMore Section between post/article in blogger median Ui sant template you use.

  6. blogger pe work nahi kr raha

  7. 7 months ago

    Not working in blogger

  8. Bro infinite scrolling on blogger ke liye koi trick batao na

  9. 7 months ago

    not available in the theme bro.

  10. Bhai Blogger pe work nahi kar raha hai… Reply do muje

  11. Sir, it is not working in Blogger. Please check it and if possible please modify it.

  12. 6 months ago

    Rojgar.Online
    Not Working Properly on wordPress Also.. alignment Not Working or Placement of Page not working .

  13. 6 months ago

    Hi RipoN,

    Thanks for the useful post!

  14. 6 months ago

    Can you say which themes this is?

  15. 6 months ago

    jabarjast kaam kar rahe ho bhai Ripon love you

  16. Thank you so much bro

  17. 5 months ago

    Bro Ye Center m ne aa rha please help. techreveals ye site h meri please kuch batao

  18. Bahut achhhe Jankari sir

  19. Jinka work nhi kar rha wo yeh code paste karen:

    @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;
    }
    }

  20. Amazing keep it up bro ☺️

  21. Ripon sir mere add pe click nahi ho raha mujhe revenue bilkul bhi nahi mil raha isko wajah kya hai please batayen

  22. Bahut sahi post Kiya Han, Aapane..

  23. Bro Not Working In Blogger, Even WordPress AMP pages has show the shape, but not the ads!! Have you any ad code idea to fix the issue!!

  24. Thanks Bhai Worked Perfectly

  25. Thank you Tech Ripon for wonderful plugin

  26. 2 months ago

    Bro plugins download nehi ho raha he..

  27. Thank you for awesome plugin

  28. wonderful information regarding Adsense earning you have provided. thanks for sharing such amazing tips to boost adesne revenue.

  29. 3 weeks ago

    please custom / program code header or footer gide for worpress portal bhai

Leave a Reply

Your email address will not be published. Required fields are marked *