Two Simple Email Subscription Widgets for Blogger blog
Simple Email Subscription Widget V1.0
<h2>Get Our Newsletter Free!</h2>
<form style=”background-color:#0091d6; border:2px solid #000;padding:3px;text-align:center; border-top-left-radius: 15px; border-top-right-radius: 15px;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=techwar24’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><p style=”color:#FFFFFF; font-size:16px;”><b>Subscribe To Our News Letter.<br />Its Free.<br />Enter Your E-Mail Address:</b></p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”techwar24″ name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” style=”cursor:pointer;” /></form>
Simple Email Subscription Widget V2.0
<style>
#feature_box{background:#f0f4f4;
border-bottom: 1px solid #D4D4D4;
padding:10px 15px 0px;}
#sleek-subscribe{display: block;
margin:0 auto; }
.newsheadline {
color:#222;
font-size:16px;
line-height:50px;
float:left;
font-weight:bold;
}
.newsheadline span{font-size:38px;
color:#444;
line-height:14px;
font-family: “Droid Sans”,arial,sans-serif;
font-weight:normal;
}
.newsheadline cite{font-style:normal;
color:#f00;
}
.signform{
background:url(‘http://2.bp.blogspot.com/-pmwi3N35m3Q/TzkvFHQmYwI/AAAAAAAACsI/PSbhHqz7rZ4/s1600/arrow.jpg’) no-repeat;
padding:0 0 10px 100px;
float:right;
}
.txt2, .txt2:focus{
width:140px;
font-size:15px;
background:#f7f7f7;
color:#004B80;
border:1px solid #E36B0A;
margin:0 5px;
float:left;
padding:10px;
width:160px;
border-radius: 10px;
}
.btn2, .btn2:focus {
background:#E36B0A;
margin:0 5px;
padding:8px 10px 9px;
border:1px solid #AD5513;
color:#fff;
font-size:15px;
border-radius:10px;
}
.btn2:hover{
background:#6689b0;
}
</style>
<div id=”feature_box”>
<div id=”sleek-subscribe”>
<div class=”newsheadline”><span>Sign up</span> for <cite>FREE</cite> daily News Directly to your Inbox.</div>
<form action=”http://feedburner.google.com/fb/a/mailverify?uri=PWFellas” class=”signform” method=”post” target=”_new”>
<input class=”txt2″ name=”name” onblur=”if (this.value == '') {this.value = 'your name…';}” onfocus=”if (this.value == 'your name…') {this.value = '';}” value=”your name…” />
<input class=”txt2″ name=”email” onblur=”if (this.value == '') {this.value = 'your email address…';}” onfocus=”if (this.value == 'your email address…') {this.value = '';}” value=”your email address…” />
<input class=”btn2″ value=”subscribe me!” type=”submit” />
</form>
<div class=”clear”></div>
</div>
</div>