How To Create Pop Up Windows

Social

Tweet

Making a pop up windows for your blog is an important element. Pop-ups are generally new web browser windows to display advertisements. Today i will teach you how to create pop up window

Its easy to create pop up window just follow these simple steps.

Log in to your blogger account. Go to Dashboard > Layout > Add a Gadget > 
HTML/ Java Script.

Now Copy the below code in black background and paste it now you are done.

When ever someone will open your website first this pop up windows will open.


For any queries feel free to comment.


<center><style>
#btftopbar {
height:30px;
width:auto;
background: #00101e url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:10px;
padding-left:10px;
}
#adsground {
height:300px;
margin:0 auto;
width: 500px;
background:#fff;
border-bottom:2px #00101e solid;
border-right:2px #00101e solid;
border-left:2px #00101e solid;
text-align:center;
padding:4px;
}

#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:250px;
left:250px;
border-bottom:1px #00101e solid;
border-bottom:0px #00101e 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="btftopbar">

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Guide Pedia</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:20px"><a href="http://www.guidepedia.info" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3> </h3>
<p align="center"><h3> Sponser Ads</h3></p>
<p>
Your ad Code <br/></p></div></div></center>

Keep Visiting for more blogging tips and secrets.