Saturday, February 4, 2012

Floating Ads in Blogger - Windows To Internet


Many blogger owner have sites with good traffic but they can not earn lot of money from it when they have placed adsense ads or some other on their blogs. Today I am going to show you one interesting method to earn big money. Make your ads float in the the Webpage by applying below method.

First of All login to your account at blogger.com

  • Select your blog where you want to install the script
  • Now Go to Design.
  • Click on Add A Gadget
  • Then Find "HTML/Java Script" and Click on it.
  • Pop up will appear on the screen.
  • Paste the below code into this appeared pop up.



<style>
#topbar {
height:30px;
width:auto;
background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 728px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:Center;
padding:4px;
}


#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
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("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Space Ads</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://windowstointernet.blogspot.com/" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
<script src="http://windowstointernet.blogspot.com/" type="text/javascript"></script>
<br/></p></div></div>
  • Replace the Red Code with your's one.
Related Searches:

0 comments:

Post a Comment

**Feel Free to comment** You are welcome

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Press Release Distribution