In a previous post already described how to add Floating Adsense and other's ads at the right or left side of the Blog/Website.That widget is very useful for adsense ads.Now,I have created another floating ads widget,the main feature of this widget is that this will able to generate higher revenue from your Advertising agency.
The widget will appear at the middle/center of the Blog/Website.It will be there unless and until visitor click on close button.So there are more chances to get click on advertisements and you will able to maximize your income from advertisements.
How to add adsense ads 300px x 250px float/stick in center in blogger:
Step 1. Log in to your Blogger account and Go to your Blogger Dashboard.
Step 2. Now Go to your Layout.
Step 3. Now Click on "Add a Gadget" then select "HTML/JavaScript".
Step 4. Now Copy the below code and Paste it in "HTML/JavaScript".
<style>
#BloggersstandVasmanBiggapon{
height:0px;
width:auto;
background:transparent url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:0px;
}
#Biggapon{
height:260px;
margin:0 auto;
width: 300px;
background:transparent;
text-align:center;
padding:4px;
}
#BiggaponArUpore{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:30%;
left:30%;
background:transparent;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("BiggaponArUpore").style.display = 'none';
}
</script>
<div id="BiggaponArUpore">
<div id="BloggersstandVasmanBiggapon">
<span style="color:#333333;font-size:13px;font-weight:bold;float:right;padding-top:1px;padding-right:10px"><a href="http://www.bloggersstand.blogspot.con" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="Biggapon">
<p>
Adsense/Other Code here
</p>
</div>
</div>
Customization:
- Replace Adsense/Other Code here with your Ads code.
- Change top:30% left:30% for positioning the ads display in center.
- To change the width of the ad,replace 300px as per your need.