Float AdSense and other Ads on left or right side of your Blog

A special widget that designed for floating AdSense and any other third party Ads on left side or right side of any Blog side.

Comments: 115
floating ads by using CSS

Floating ads is effective when you don’t have enough space on your blog. Generally we can see our blog’s left and right side always vacant which is known as idle space and we can easily utilized those gap by using floating technique that can generate more click on AdSense ads. This will not occupy your valuable space from your blog content space or sidebar, footer section. In this tutorial I will share how to use "160px X 600Px"AdSense ads can be float right or left site of your blog. Not only AdSense ads can be float you can use any affiliates ads to make float. Oh before proceeding please read carefully about Terms of Service of your respective Affiliates ads network that are they allow to float ads or not?

Do you want to Float Dual AdSense and other Ads on left and right side in your Blogger site at a time? Then Please visit below URL.
How to Float 2 Wide Skyscraper Ad banner on Left and Right Side?

Live Demo


floating vertical ads

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.

#bloggerspicesflotads {
background: #333333 url('..');
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
<script type="text/javascript">
function getValue()
document.getElementById("bsadsheadline").style.display = 'none';
<div id="bsadsheadline">
<div id="bloggerspicesflotads">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.bloggerspice.com/2013/05/how-to-float-adsense-and-other-third-party-ads-on-left-or-right-side-of-the-blogger-template.html" target="_blank" onclick="getValue()">close(x)</a></span>
<div id="bsadsbase">
<p align="left"><h3></h3></p>
Ads code here


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

Speak Your Mind

Bro is it ok to use floating adsense ads? I think it's against Google adsense TOS.

I am not sure about it. If you have any proof then kindly share the link of Google TOS. However it can be use for other affiliated ads.

thanks for article ...nice blog

No dear I have not such a proof as I am also not damn sure about it. but yes we can use it for other advertising programs.

Farhan bro you are always welcome

brother its against google adsense policies. your google adsense will disabled in 1-2 month because you have not permission to add adsense in popup box in your blog. it's against of google adsense Terms and Conditions i just inform you otherwise as you wish
for more visit this link : http://www.google.com/help/nopopupads.html

Blogging tips and tricks

thanks for your valuable sharing with us...

Very useful! How can i remove the border? Please publish the code without border

border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;

Please replace the above code with below code-

border-bottom:0px #333333 solid;
border-right:0px #333333 solid;
border-left:0px #333333 solid;

Google Adsense doesn't allow you to use Pop-Up Ads so it is harmful for bloggers. Anyway nice work dude..Keep blogging

right bro...but this widget has designed for all ads network. So blogger can use for any affiliate ads.

hello again i want the ad to show in right side of my blog but it is coming in left side only i have changed from left align to right align but the ads are displaying in right direction only please reply fast...........

thanks for your comment I just modified the code change left:10px; to right. I have highlighted above..

Thanks Brother For Visiting My Blog ..................Please Say Me It Is good?????????

this works great, thank you. The close button doesnt work, can you let us know how to use this feature? I want users to be able to close the ad if they want.

its working well..till now this widget is using more than 25+ site. Anyway give me your site address I will check it to solve the problem.

i add but it shows small its adress take a look i want to float it likes yours big one


Zeeshan I have visited this site but didn't get any floating ads..kindly add it and comment here. then Hopefully I can give you solution.

Making Money In Forex: A Matter Of Luck Or Big Wins
First, you must put in mind that patience will be greatly required for your success. Realize that you cannot learn
this kind of business overnight. You will need to exercise a lot of patience to learn about the different procedures
taken in carrying out business in this sector. You must also learn to make the right decisions in the race for
managing your money wisely. You might not also make profits easily the first time, but be patient enough to learn
the rules of this trading type. Secondly, put in mind that Forex trading can never be compared to gambling. It
requires professionalism and study. It has never been a matter of luck or big wins.

make money
make money online
ways to make money
how to make money
making money

Great Widget

thanks Furqan..Nice to see u back here

thanks brother, hehehe :D
visit here http://kang-rio.blogspot.com

Hi Ryo nice to see you here first time.Thanks for commenting.

Hello Muhmmad Fazle I Want To Know About Doamin And Hosting Of Websites Can U Plz Contact Me At tareen5152@gmail.com Plz Plz Bropther

brother please make a new widget for vertical banner like this and for closing that widget i dont want a redirect thanks i am daily visitor of your site because it help me much

Hi Zeeshan..thanks for your comment. It is very hard to create an widget. After spending several hour I have created this.I think it won't bother any visitors of your blog. This is just a credit to authors.Those who are interested about ads they would click on it not in close button. Beside of this it won't hamper your page rank. Thanks

Hi Ameer..I was in holiday for 10 days. Please write me details what do you want to know? I have explain about domain and hosting details in many articles.Anyway I am explaining clearly...

Domain is just a name which you can buy within $7 to $10. and
Hosting is a place where your blog will retain. For example..BloggerSpice.com is a domain name. And I am using Google Blogger as my hosting. Everything of my web data pictures has stored on Google Hosting site.

I am also confused about it. Although I am going to use this code to
If it is really against the Google adsense TOS then it will be bad for me. But thank you Rabbi.

Thanks Himadri to see u here.

i visited maximum sites but you are the only true person who given the javacode here. thanks for the great job you have done and sharing to others.

Thanks Mr. Udayan..always I try with my best effort to make some creative and unique coding for my blog readers. And you are always welcome to BloggerSpice. And thanks again for your comment.

Dear Mr. Mohammad i need a help from you i have a blog, http://blogs-in-blog.blogspot.com, please check this and suggest me for getting more revenue from my blog.

Mr. Udayan..From my 4 years personal experience in blogging I have learned 1 thing that Google is my friend and others are enemy. I have used many affiliates but didn't work, most of the affiliates are fake. So keep Google ads only nothing else. Because you won't get any payment from them. Beside of this make regular post and soon I am starting a new series on AdSense optimization for generating more revenue from next week. Hope that will work.

Right now I am using Adsense, clickbank.net, Amazon.in, will the other two sites won't pay me ?, another question is in my one blog, i can share the blog post on Facebook, but in another blog i won't able to share the post. sharing possible is on http://health-blogs-in-blog.blogspot.com, and not possible on http://blogs-in-blog.blogspot.com, can you able to tell me what is the problem.

Use only AdSense...Because if you have more ads then ur visitors won't like to visit the site. Another thing in case of Payout, suppose Google won't pay you until ur total revenue reach to $100. So if you use 3 affiliate ads then total impression will split into 3. As a result it will take more than 1 year to make $100.

Another issue is Facebook this is a great problem for every blog. Because when you try to share something then posts image thumbnail will display different image or unrelated image, For this reason you can use auto sharing technique through third party plugins. Please follow the below tutorial---


But before that you can try Opera Browser..it work best. I have tried to share though Opera it is able to display relevant image on Facebook while I share.

I am sure that It's completely against the rules of adsense

Yeh you are right this is against Adsense rules. But this tutorial not only for AdSense..You can use any other Ads code to display.

hi bro.. i put it but it does not show anything but the displayed

Hi Habari..This widget work 100%...I think you have modified any code. There are many user modify the code and eventually it doesn't work. You can check the demo of this widget.

Bro I need your help .where to register domain name at free of cost to remove my blogspot keyword in blogger.and which is best hosting service at free of cost

Ho Priynka..there are many free domain name provider available over the net. such as.. .tk CO.NR .co.nf......but be carefull about those because they reserve all rights to remove the domain name service without any notification. Thanks

Hello Bro...
Tell me how to insert this code in the bottom of the page... i mean i want to float 768x90 ad in the bottom of my page.down side.

You have to change several things to do this. first you have to change the width and height code height:600;

Secondly change left:10px; with bottom:10px


When I click on close it doesn't close the ad but it just stay in the sidebar. what should i do?

Hi Maribel..This widget has redirect option to main author site. And close button is working 100%. I think you have get this code from BloGs911. He has copied my code maybe for this reason you face trouble, I am the original author of this code. You can try the code from above. Thanks.

Yes, I did try to put your code in my blog, but when I try to add it, Yes is in there, but when i click the button it doesnt exit. It is still in there.

Hi Naurin...I just checked your blog it is working fine. And closing ads. I didn't find any problem. You can also check this widget by clicking on "Live Demo" button.

Awesome post bro, i searched in many place and was unable to find this....and finally got this thank you bro......

hey Mohammad Fazle Rabbi tell me how to remove the floating widget from my blog?? ??

Hi if you have added the code then simply delete the added code from the widget. That's it. floating widget will be remove.


Please let me know the floater code which closes only after clicking advert


Hi there... I have designed altogether 3 floating widget for displaying advertisement.And you will find close sign at the top right of the floating widget. After clicking on there ad will be automatically close. Thanks

thank you brother
please visit me: http://www.3rabcloud.com

Assalamu Alaikum Mr. Sawah, Thanks for using this widget.

Hi Thanks for this wonderful stuff.

I was reading your blog this morning and noticed that you have a awesome resource page. I actually have a similar blog that might be helpful or useful to your audience.

See it yourself: JRPCollection.blogspot.com

Let me know what you think of it. Perhaps it’s worth mentioning on your resource page.

Either way, have a nice day,

Hi Junel, your site is very good but make more post. Thanks

Thanks a lot for a great sharing. Best suggestion for adsense.

Hi Rahman..Please use this widget with AdSense at left sidebar or right sidebar only. Some user place this widget above the post snippet thus a visitors must click on the ad for view the content. This is totally violation of Google AdSense's terms and condition.

Adsense floating ads is very effective to show ads on our desired places. Thanks for guide about

Welcome Avnihs..

My study period = 15 minutes. My break time = 3 hours.
Status for Facebook

let's try this , it may attract readers

hello can you plz tell me how to add adsense in middle of the post??

Hi Sandesh.. please follow the below tutorial...take a backup before applying this trick. ^_^


thanks for your reply and can you also tell me is there any way to show float adsense only in mobile devices in the bottom??

Sorry Chauhan there are not any different conditional tag for mobile device thus ad can be shows only on mobile devide. :t

Thanks a lot for a great sharing. I want it appear on both left and right side of my blog. Could you tell me how should I modify the code?

Hi. I have a problem in getting ads code, may you help me how to get it please?

Hi Aman.. Whats your problem? please write me.

Bhai main picture kay uper ads lagan chata hoon kaisy lagey ga meri help karein please

Actually your question is not clear. In which picture you want to set ads. Anyway you can follow the below link for tutorial for adding Ads above post title inside Blog post.


Google Adsense codes are not allowed to shown as Floating ads

You will able to display any kids of ads by using this widget. Not only Google AdSense. However if you can float the adsense code on safe position (not over the content or widget) then it won't violate AdSense terms and condition.


Hi Manbahadur, I think you have used HTML5 symbol, but unfortunately it doesn't support my comment system. But I have seen in moderation tab. Its nice Thanks.


Nice coding ! but i think we should use an other advertisers, because I think it would violate laws of GA.I tried this code and receive alerts from the GA about not optimized.
my website http://www.ios-faq.com . I just put ads at the 3-position static, that is enough. I think so

Hi Tung, :wr This is absolutely true that Google AdSense code modification is now allowed. But if you are using 960px width template then you can use it. But if you force visitors to click on your ads then it will violate the AdSense terms and conditions. But this widget is ideal for using other advertising companies ad banner.

The code works flawlessly on my blog http://vishveshtech.blogspot.in/
I'll be using it for third party ads and not Google Ad Sense so it shouldn't be a problem I guess.
Keep up the good work.

Hi Vishvesh, Thanks for using my widget. :up

This comment has been removed by a blog administrator.

Hi Jeyaganeshan Jeyakeethan,
Your widget is completely different than mine. Anyway thanks for commenting. And note that any hidden URL won't appear in my Blog's comment section. So next time don't share hidden URL. :up

It's there a way I can stop it from redirecting? My readers Complains of that each time they click close

Hi Chukwudi
I have added a credit URL with this widget but it doesn't redirect your Blog to my Blog. rather it will open the widget page at the background. however you can remove this http://www.bloggerspice.com/2013/05/how-to-float-adsense-and-other-third-party-ads-on-left-or-right-side-of-the-blogger-template.html URL to stop redirecting.


Thank's for the script.I have been put it on at my site
Omah Cetak

Thanks Aji for using my widget. :up

Saved my day. Thanks for the wonderful article.

I am very glad to hear that Srinivas.. Wish you best of luck in your Blogging career. :up

Hey, thanks very much for reply,but after removing the credit link, when you click on close,it reloads page , it doesn't close, is there anything I can do?

I didn't find this kinds of problem. I think you are using any popup affiliate ads in your site that's why it is conflicting. You can test the widget in different browser or alternatively you can use my another widget from below URL- :wr


Brother , This Ads Code Works On One Side, Please Share Code Both Showing Both Side Ads,

Individually One Side R Working Fine, Even I Use Is for Right And Left , But Both Side R Not Working ,

Hi Susana,
I have already shared widget for both side floating advertisement. Please visit below URl for widget script. :sp


great widget

Thanks Gaurav :sp

How to make ads responsive and place them right below the post title in blogger?
Thanks for sharing this informative post.

Hi Han Kaltrunee,
Currently Google AdSense, Media.net and some other ad agency providing responsive ads. So if you get approval from Google AdSense then you can use Responsive ad unit on your Blog. :wr

Nice article about AdSense. Bit Mr. Ankit tense me about this by telling this is against AdSense TOS?

Hi Awais,
Yes this widget violate the terms and services of AdSense. but you can use this for other advertising platform. IF you want to use this widget for AdSense then you should use it for your own risk. However I have seen many website using this widget for 1 year but Google still didn't penalize.

but brother new blogger if use then Google penalize immediately. I also saw but all sites was contain big traffic.

Yes right. Most of the Blog using this widget who has got AdSense approval 2/3 years ago. But if the ad banner don't cover any post then you can use it. Most of the use place the ad banner where visitors can't see the Post title or image. As a result they must click on the ad for reading the post. For this reason Google penalize. As result visitors are bound to click on ads.

I agree.

It's safe pls suggest

Hi Jyotsna ^_^
Google AdSense doesn't allow any modification and tweak on their ad banner. So if you want to use this widget then you have to use this by your own risk.

But any other ad platform you can easily use this widget. Thank you.

Thanks for good artical


Thank you so much for this tip.

:-bd Welcome Alex. I hope this would help you to place ads on our blog's sidebar.

Thanks for this wonderful trick.
I already knew but you explained in more details.
greeting from INDIA.

Hi Naveed :)
Thanks for your lovely comment.

thanks for the tips. useful for newbies like me for blogging success rate. i have bookmarked your blog for future use. thanks!

Assurance Auto Résilié
assurance auto malus

Hi Mohamed :) I am very glade to hear that.

Google Adsense does not allow scrolling of ads. If you are caught, you will be banned.

Hi Kavita
Yes right, I recommend this widget for other ad platform. AdSense users have to use this widget in his own risk.

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *