NewsLetters Feedburner Email Subscription Widget for Blogger

FeedBurner allows your users or your blog readers to get the latest articles posteb by you in your blog giving them direct access links from your emails.

So we are getting you a Formal looking email subscription widget for Blogger.

NewsLetters Feedburner Email Subscription Widget for Blogger

LIVE DEMO

1. Go To Blogger > Design
2. Click on “Add a Gadget”
3. Choose HTML/Javascript widget
4. Paste the following code inside it

<link href='http://fonts.googleapis.com/css?family=Oswald:400' rel='stylesheet' type='text/css'/>
<style>
#TechKshetra-FeedBurner {
padding: 15px 0;
text-align: center;
width: 298px;
}
#TechKshetra-FeedBurner input[type="text"] {
border: 1px solid #BBBBBB;
font-size: 13px;
margin: 0 0 15px 0;
padding: 10px;
width: 80%;
color:#888;
}
#TechKshetra-FeedBurner input {
box-shadow: 0 2px 2px #BBBBBB;
-moz-box-shadow: 0 2px 2px #BBBBBB;
-webkit-box-shadow: 0 2px 2px #BBBBBB;
}
#name {
background: url(http://i.imgur.com/XrHTe.png) no-repeat scroll right center #FFFFFF;
}
#email {
background: url(http://i.imgur.com/2BCD0.png) no-repeat scroll right center #FFFFFF;
}
#TechKshetra-FeedBurner input[type="submit"] {
background: #FB9645;
border: 1px solid #FF0005;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 40px;
margin-top: 5px;
padding: 8px 0;
text-transform: capitalize;
width: 87%;
}
#TechKshetra-FeedBurner input[type="submit"]:hover {
background: none repeat scroll 0 0 #EB6C17;
transition: all 0.5s;
}
</style>
<!-- TechKshetra FeedBurner Subscription Form -->
<div id="TechKshetra-FeedBurner">
<div style="font: 24.5px Oswald;margin-bottom: 10px;">SUBSCRIBE TO NEWSLETTERS</div>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techkshetra', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="techkshetra" /><input type="hidden" value="en_US" name="loc" />
<input type="text" id="name" name="name" onfocus="this.value=''" value="Enter Your Name" placeholder="Enter Your Name" />
<input type="text" id="email" name="email" onfocus="this.value=''" value="Enter Your Email Address" placeholder="Enter Your Email Address" />
<input type="submit" value="Get Instant Access" id="submit" name="submit" />
</form>
</div>