Tuesday, 6 January 2015

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

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


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/float-adsense-and-other-ads-on-left-or.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.
Previous Post
Next Post

post written by: