NEWSLETTER POPUP WINDOW 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<style>
#topbar {height:30px;width:auto;background:#115599;text-align:left;padding-top:5px;font:13px arial;}
#adsground {height:auto;margin:0 auto;width: 300px;background:#333333;border-bottom:5px #115599 solid; border-right:5px #115599 solid;border-left:5px #115599 solid;text-align:left;padding:5px;}
#headline {opacity:1.0;height:auto;width:auto;position:fixed;top:301px;left:301px;color:#FFF;
padding:5px; z-index:1001;font:13px arial;}
.hl-email {background:#333333; width:300px; padding:5px; float:left; font:13px arial; font-weight:bold; margin:0; color:#FFFFFF;}
.hl-emailsubmit {background:#FBBB22; cursor:pointer; color:#000000; border:none; padding:4px;border-radius:5px; font: 12px arial;}
.hl-emailsubmit:hover {background:#00ff00;}
.textarea {padding:5px; margin:5px; background:#FFFFF0; border:2px solid #00FF00; resize:none; font-size:13px; width:200px; color:#666;}
</style>

<script>
function getValue(){document.getElementById("headline").style.display = 'none';}
</script>
<div id="headline">
<div id="topbar">
<span style="color:#FFFFFF;font-size:13px;font-weight:bold;padding:5px;">NEWSLETTER SUBSCRIPTION</span>
<span style="color:#FFFFFF;font-size:13px;font-weight:bold;float:right;padding:0px;"> <target="_blank" onclick="getValue()"><img src="https://lh4.googleusercontent.com/-x93wEjHeGvQ/VVpf9KsDXDI/AAAAAAAARRk/isibWWRw_Ds/s25-no/Close-button-25.png"/></target="_blank"></span>
</div>
<div id="adsground">
<p align="left"><h3>SUBSCRIBE VIA EMAIL ▼</h3></p>
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WidgetsBlogs', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "")
{this.value = "Your email…";}" onfocus="if (this.value == "Your email…") {this.value = "";}" value="Your email…" type="text" /><input type="hidden" value="WidgetsBlogs" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="hl-emailsubmit" value="Submit" type="submit" /></form>
<a>Εγγραφήτε στο newsletter μου για να ειδοποιήστε για τα νέα άρθρα και τις προσφορές.</a>
</div></div>
<div class='clear'></div>