Display (Floating) Pop Up Ads Widget for Blogger

For you who are an adsense publisher then you want to display pop up ads format, you are in the right place now. Because this tutorial will show you how to create keeping getting pop ads on your blog. Having pop up ads is very useful because these ads will appear several times, then this is very potential to clicked by a readers.





Anyway, here's the tutorial:

1. Login to your Blogger account
2. From Dashboard > Design > Page Elements
3. Click 'Add a Gadget'
4. Choose 'HTML/Java Script'
5. Copy Paste the code below to the box Widget



<style>
#topbar {
height:30px;
width:auto;
background: #005094 
background-repeat:repeat-x;
text-align:left;
padding-top:0px;
}
#adsground {
height:auto;
margin:0 auto;
width: 300px;
background:#fff;
border-bottom:0px #005094 solid;
border-right:0px #005094 solid;
border-left:0px #005094 solid;
text-align:Center;
padding:0px;
}




#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:250px;
left:180px;
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">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Custom Built Technolgy</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://custombuilttech.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://custombuilttech.com" type="text/javascript"></script>

<br/></p></div></div>




6. Save Widget

Replace the Adsense Script with yours (on the red line)