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

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.

Float Any Third Party Ads 

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.
1. How to Float 2 Wide Skyscraper Ad banner on Left and Right Side?
2. Float 300px X 250px Advertisement Middle of Blogger Site
3. Add 2 in 1 Floating Facebook and Advertise widget in Blog Site

Live Demo

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.

<style>
#bloggerspicesflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bsadsbase{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#bsadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bsadsheadline").style.display = 'none';
}
</script>
<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>
<div id="bsadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>                                                                                                                           
Ads code here
<br/></p></div></div>

Customization

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

Obviously this widget will increase your ad revenue dramatically. Because this floating widget will easily attract the visitors to click on it.