How to add Float AdSense Ads on left or right side of your Blog

How to add Float AdSense Ads on left or right side of your Blog

Floating ads are effective when you do not have enough space on your blog. Generally, we can see our blog for the left and the right side is always empty, which is known as the idle space, and we can easily be used floating in the gap using a technique that can generate more click AdSense ads.

This does not occupy space on your opinion of your own content area or sidebar, footer section. In this tutorial I will share how to use 160px X 600Px AdSense ads can float right or left site of your blog. Not only AdSense ads can be a float, you can use any of the branches ads do float. Oh, before proceeding, please read carefully the terms of service of your respective branch network of ads that they allow you to float ads or not.

Step 1: Log into your Blogger account and go to your Blogger Dashboard

Step 2: Go to your layout tab.

Step 3 Click "Add a Gadget", then select «HTML / JavaScript» Gadget.

Step 4 Copy the code below and paste it «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>

/*  add Float AdSense Ads on left or right side of your Blog*/

/*Gadgets by http://1lytebyte.blogspot.com/ -------------------*/

<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://1lytebyte.blogspot.com/2016/07/how-to-add-float-adsense-ads-on-left-or-right-side-of-a-blog.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>

Replace  Ads code here which is in blue colure with your adsense code

If you want to lace adsense code from right side of the blog then Change Left with right to float right side of your blog. (its is available in blue colure on the code)