Banner advertisement is one of the main ways on how a blogger makes money. These are things that are placed in the most strategic portion of the blog so that it can generate income for the blog owner. If the banner is organized well, even the advertisers will be glad seeing their ads displayed properly.

Carefully putting ads where visitors can easily see them gives a higher chance of being clicked. There are many techniques on how to strategically put banners, just like putting them on the header, sidebar and below post titles. You can do whatever is necessary on your blog because in the end, what matters the most is the structure of your blog.

There are other arrangements that are applicable to other blogs and are not applicable to yours and vice versa. Now I will show you a different technique, it’s about how to add floating banners so that you can put ads in it. Installation of this trick is very easy just like my past tips on blogger widget.

By adding this widget and carefully blending it beautifully with your template, you can increase revenue for your blog.

  • Very easy to install and uninstall 
  • Attractive look that makes visitors click on the ads. 
  • Has a close button 
  • Gives chance to increase ads earnings. 
  • Readers can easily see your ads.
How to Add:

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard
Step 2 Go to your Layout tab.
Step 3 Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.
Step 4 Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.

  • Replace "Ads code here" with your AdSense or others ads code. 
  • Change 160px to increase or decrease wide 
  • Change Left with right to float right side of your blog.

Note: if you have problems or queries about floating ads just post your comment below,thanks
The Author

I'm Frank from Philippines. born on July 20, 1986 Author of www.theblogservices.net. I was a blogger since July 2010, I have a great passion about blogging and all other stuff online. Follow Me on Google+ or Like our official FB Page HERE

Related Post


  1. nyc post buddy
    and very cool themes..is it blogger or wordpress?
    ~* Shakeel *~

    1. Thanks, it is a blogger.. May I know why you ask?

  2. This comment has been removed by the author.

    1. I am not agreed with that, Google will not penalized using hidden links as long as it is not spam. embedding authors link inside the codes is his signature, no one can be penalized with that.

  3. This work only in one side..
    I changed the code but does not work..

    1. It should be working well, try to recheck the instructions above then give me additional feedback. thanks

  4. yeah why you should put your link and encrypt your code, very tricky to get backlink for freebie stuff

  5. hi frank nice post but its not wroking well on my blogger i have followed your steps are they are listed here but its show the ads in the right side but not lefth also a smal window appears at the top pf my blog visit to see what i m talking about it and thank you http://www.visite2morocco.com/

  6. I did it.thanks for sharing, but, how can i remove the black border above my ads..try to see it http://movieslore.blogspot.com

    1. Look for this code "height:30px;" without quotes then change it to height:0px; then the black boarder above will be gone

  7. This is not working on my blog template. would you plz help me? visit Tech Xenium

  8. Hi Thanks men .. but u don't want the close botton how to delete it ?