Every one who have a blog, and he was monetize it with Google AdSense Ads or any other third party ads, they always want to show these ads more and more to their readers and making more and more money. Floating AdSense ads is an effective and profitable ways to increase your earning with advertisements, because when people scrolling down, these ads automatically float with scrolling down. So your visitors always see these ads , many times they clicking on your ads and you can make more money from Google AdSense .
It is not compulsory to use Google AdSense only, you can also use alternatives to google adsense or any other third party ads network and monetize your blogs or website. In this article, I’m show you how to add floating ads into your blog sidebar. But before the proceeding, always try to read the terms and conditions of any ads network or any affiliate networks , for using their ads on your blog.
I’m always recommended you to use well sized and good placement ads. The most recommended ads size is 300px X 250px or 160px X 600px, these both are very popular and google also recommended you to use these size ads banner and make more money from your site using Google AdSense.
Now in this post, I’m show you how to add floating ads into your blog sidebar in blogger blogs or WordPress blogs , but you can use this on any other CMS system.
How To Add AdSense or Other Ads in Blogger Sidebar
Step 1 – First of all go to your blogger dashboard .
Step 2 – Select your blog and go to your “Layout” link.
Step 3 – Click on the “Add a Gadget” link and then from the list add a “HTML/JavaScript” widget into your blog.
Step 4 – Now copy below code and paste inside the “HTML/JavaScript” gadget .
<style>
#techoraflotads {
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="techoraflotads">
<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>
Ad Code Here
<br/></p></div></div>Step 5 – Click on “Save” button and Save Arrangements and view your blog.
Customization of your Widget
First of all replace the “Ad Code Here” with your Google AdSense ad code or any other third party ad code and click on save button.
Now change the 160px width with your requirement and increase or decrease according to the ads size which you can use here.
If you want to show this ads into your blog right sidebar or left sidebar then change the “Right” , because this will show ads on right sidebar but you can easily change.
So in this way you can add the floating AdSense ads into your blog sidebar and increasing your revenues. Because with this technique, your impressions / pageviews and clicks automatically increase , so as a result your AdSense revenue increase.
