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.

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?
 
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.
Float AdSense and other Ads on left or right side of your Blog