What are floating ads?

Floating ads are those which are sticky on scrolling the page and floating on a side of a page.


Why is it useful?

If your blogger template or WordPress template doesn't contain any place for the ads then you can use this method to place the ads.


About: -

Floating ads are Friendly with Adsense and it can be used with AdSense and other ad networks too.


Floating ads code: -

The code will appear in 15 seconds.



Steps to Follow: -

1. For blogger: -

  • First, go to your blogger dashboard and navigate to Theme>edit HTML.
  • your blogger dashboard and navigate to Theme>edit HTML.
  • Now copy the CSS code from above and then paste it just below the starting of the head tag (if you don't know what is head tag press ctrl+f and search for <head and place the code below it).

After placing the code screenshot: -

  • Next copy the HTML code and place it just above the ending of body tag ( if you don't know what is body tag then search for </body by pressing ctrl+f and place the code above this tag </body)
After placing the code screenshot: -

  • The next step is to configure your code if you see there are two codes in HTML code in which one is for the left side Ad and the other is for the right side Ad. So if you don't want anyone of then you can remove them where I have marked.
  • Now place the Ads code where I have marked <!--Enter Ads Code-->.
  • That's it your work is done and now your floating ads are ready and please don't forget to share this post and comment us below saying how was this post and you can also ask for more posts like this.
2. For WordPress:-

  • First, go to your WordPress dashboard and navigate to Plugins>Add new.
  • Now search for a plugin called 'Insert Headers and Footers' and install it.
  • Screenshot of the plugin: -
    • Now activate the plugin go to the plugin dashboard and insert the CSS code inside the first Section that is inside the header section and insert the HTML code inside the second section.
    • After doing these steps configure your code if you see there are two codes in HTML code in which one is for the left side Ad and the other is for the right side Ad. So if you don't want anyone of then you can remove them where I have marked.
    • Now place the Ads code where I have marked <!--Enter Ads Code-->.
    • That's it your work is done and now your floating ads are ready and please don't forget to share this post and comment us below saying how was this post and you can also ask for more posts like this.

    Post a Comment

    Previous Post Next Post