This article is about How to Make Display Pop UP Ads(Hovering) in blogger. This is very easy for you to make, just add the code into your blog. Here are the steps to follow:
Login first to blogger.
Then click add gadget.
Choose HTML / JavaScript.
Copy and paste the code into it.
<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;
bottom:0px;
right: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("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">www.DownloadNp.com</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.downloadnp.com/" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
<a href="http://www.downloadnp.com/" target="_blank"> <img src="http://www.paid-to-promote.net/images/ptp.gif" alt="Get Paid To Promote, Get Paid To Popup, Get Paid Display Banner" width="468" height="60" border="0" longdesc="http://www.downloadnp.com/" /></a>
<br/></p></div></div>
Edit the links according to your requirement then save.
Hopefully this short article useful for you above all else and to Beautify you can edit it yourself. Successful greeting ....
How to make ads pop up (floating) on the blog, put ads pop up on blogspot. tutor to float on the blog ads, a move to add an application or pop up ads on blospot drift, how to place an ad pop up flying.
No comments:
Post a Comment