Add Simple Email Subscription Widget On Blogger

By Santosh Shah
Email subscription widget is a must essential widget for blogger, if you want to update your readers on the regular basis. Using this widget you will directly send your latest post or updates on the readers email if they had subscribed your blog. This is the simple email subscription widget you can place at the sidebar of your blog. It looks better there. But for this you must have taken the service from feedburner which is free of cost. So lets get started. It's much easier than you have expected to add it on your blog :)
simple email subscription widget
Widget Look Like This

Add Simple Email Subscription Widget On Blogger

  • Go to Blogger Dashboard > Layout > Choose Add a Gadget option.
  • Then select HTML/JavaScript and Paste the code provided below.
<style>.rb-email{background:url(http://4.bp.blogspot.com/-uvVI5J0GDnE/UvithTneb-I/AAAAAAAAGuw/sn3CQo2rDa0/s1600/mail-icon.png) no-repeat 0px 12px ;width:300px;padding:2px 0 0 55px;float:left;font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#686B6C;}
.rb-emailsubmit{background:#9B9895;cursor:pointer;color:#fff;border:none;padding:3px;text-shadow:0 -1px 1px rgba(0,0,0,0.25);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:12px sans-serif;}.rb-emailsubmit:hover{background:#E98313;}.textarea{padding:2px;margin:6px 2px 6px 2px;background:#f9f9f9;border:1px solid #ccc;resize:none;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;width:170px;color:#666;}
</style>
<br />
<div class="rb-email">
Subscribe via Email<br />
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SpicyTechTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here...&quot;;}" onfocus="if (this.value == &quot;Enter email address here...&quot;) {this.value = &quot;&quot;;}" type="text" value="Enter email address here..." /><input name="uri" type="hidden" value="SpicyTechTips" /><input name="loc" type="hidden" value="en_US" /><input class="rb-emailsubmit" type="submit" value="Submit" /></form>
</div>

Make These Changes : 

SpicyTechTips with your Feed burner username

Save the widget and it's done

If you have some problem regarding adding above widget feel free to ask me, you are most welcome. And sorry for my bad English language.

No Comment to " Add Simple Email Subscription Widget On Blogger "