Subscription Email Form With RSS Feed.

Hello readers! here we are presenting you yet another Subscription widget for blogger sidebar. This widget contains an 'insert email' field where user can input there email ids and subscribe to your RSS email feed easily. This widget is very stylish and eye-catching in its appearance that it easily suits to the design of your template. You can use the widget creator tool given below in this post to customize the look of this widget as much as you like. The code of this widget is very light-weight and can be easily installed in blogger as well as other platforms too. The coding had been done taking the care that it is compatible with top browsers like Google chrome, Firefox, Internet Explorer.

Features

• Width: Width of the gadget is adjustable with the size of sidebar.
• Color Theme: User can choose any desired color for the gadget with respect to there site theme in the creator tool.
• RSS Email Subscription: RSS email subscription for users to subscribe to email feed easily.
• Feedburner: Link to Feedburner profile.
• Compatibility: compatible with top browsers like Google chrome, Firefox, Internet Explorer.
• Code-weight: Very less thus doesn't affect the page load.
• Installation: Easy Installation in blogger.

Steps to add the widget to blogger

• In the widget Creator given below fill in your Feedburner ID. [Just enter the ID not the profile URL]
• Customize the appearance of the gadget by changing the texts and selecting different colors.
• See the pic below to understand the label fields given in the widget creator tool.

• After all the customization click on the Generate button.
• The Code is generated. Copy this code and log in to your blogger account.
• From your Blogger Dashboard go to Layout.
• Click on Add a Gadget and add HTML/JavaScript gadget
• Paste the code and save it.

Subscription Email Form Generator

Settings

Widget Header
Header Font Color
Your FeedBurner ID
Theme Color
Message Header
Message

<style>
.bordered {
    border: solid #5c6aa4 2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;      
}
.bordered2 {
height: 25px;
    background-color: #5c6aa4;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    -moz-border-radius-topleft: 6px;
     border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    -moz-border-radius-topright: 6px;
     border-top-right-radius: 6px;    
     text-shadow: 0 1px 0 rgba(255,255,255,.5);
     border-top: solid #5c6aa4 1px;
}
</style>
<div class="bordered">
<div class="bordered2">
<center>
<span style="color: #ffffff; font-size: 16px;"><b>Subscribe Now</b></span></center></div>
<a href="http://feeds2.feedburner.com/TntByStc" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="http://3.bp.blogspot.com/-MC_wrVeALd4/UIrhq-6SzoI/AAAAAAAABHo/ZCp0of9KwOc/s320/subscribe.png"/></a><p><a href="http://feeds2.feedburner.com/TntByStc" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Get free email updates </a><span style="color: #5C6AA4; font-weight: bold;">By Submitting your email address here:</span></p>
<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TntByStc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text"/><input value="TntByStc" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/></form><br/>
</div>