Decent Email Subscription Widgets For Blogger

Eye catching and fast loading email subscription widgets are compulsory part of for blogger. It not only gives an option to your readers to subscribe and get all updates free but also gives a professional look. Below are two simple and decent looking email subscription boxes for blogger. 

You may like it:

• Email Subscription Box with Social Share Buttons
• Awesome Subscription Widget for Blogger with Share Option

 Show Me How

• Go to Blogger Dashboard > Layout
• Click on Add a Gadget
• Select HTML/JavaScript
• Paste any of the following code and save it.

 Style - 1

<style type="text/css">#helperblogger-emailbox { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WYjSkGWmaY53c7j-zLI3vlzxC7fvg_i8D73cszVgYn18BZ9080OsWY0X_ASpFPd4SufECehGZZJv_UQVhUJo4PblyJ_dkGh1qt-Bt9XX0VMvm9YPVh4lcgEEpDRnbWJwn6TTJAVziS0/s1600/helperblogger.com-blue.png)no-repeat scroll center center transparent; height: 143px; width: 368px;} form#helperblogger-emailform { display: block; margin: 0; padding-left: 42px; padding-top: 67px;} form#helperblogger-emailform #s { background: transparent; border: none; color: #444242; font-family: georgia; font-size: 15px; font-style: italic; height: 30px; margin-top: -2px; padding-left: 2px; vertical-align: top; width: 227px;} form#helperblogger-emailform #sbutton { background: transparent; border: none; cursor: pointer; height: 30px; padding-right: 45px;}</style>
<div id="helperblogger-emailbox"> <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mybloggingtip', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value=" <input type="hidden" value="mybloggingtips" name="uri" /> <input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}' /> <input type="hidden" name="loc" value="en_US" /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div> <input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}' /> <input type="hidden" name="loc" value="en_US" /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form></div>

 Style - 2

<style type="text/css">
#helperblogger-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6JXHRp0pGfsyzRK0NwXOBQhCFEmcxtdo1E3qowMxeaeJh-xISEkUa-usoCXwmTkGBcuu0LxeL6u5YWOuXq093jRJ4oO1nPcoNKZ7oSWPTNZm6aMZmsZj-OYbk0OWZBoqSku5yRTkHUg/s1600/helperblogger.com-silver.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#helperblogger-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#helperblogger-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#helperblogger-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="helperblogger-emailbox">
<form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mybloggingtips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="mybloggingtips" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>

 Customization

Just change the Blue color text with your feed Id and you are done!. Please Like and Share it.