This is the right tutorial for Rss Subscribe Widget .This widget have awesome look.By using this Rss Subscribe Widget you can link your social media profile Facebook, Twitter Rss Google Pinterest. It will help to get the new updates by emails.You can check it from below demo link.
DEMO
1. Log in to blogger account.
2. Now select "Layout"
3. Click Add Gadget and select 'HTML/Javascript
4. Paste below code.
<style>
.btrixsocial_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
.btrixsocial_box-emailsubmit{
background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
.btrixsocial_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;}
#socialboxbt
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialboxbt">
<a href="http://feeds.feedburner.com/bloggertrix" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSggRKGaf4qjnF622HzmmPhJ4m0zb6jxnsqDE7gWSToZKikBtYWxJPEYlyLvg3iMjYbJZ7zXqw4H134Iiuoqq8UJNCL821-vEUNJPALvfoF_mgEI4IKDDH5fH2BdtBJLPjbK0DPB52UYI/s1600/rss.png" /></a>
Submit your Email Address to Get Free latest Articles Directly to your Inbox
<br />
<div class="btrixsocial_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" type="text" value="Enter email address here..." />
<input name="uri" type="hidden" value="bloggersstand" /><input name="loc" type="hidden" value="en_US" />
<input class="btrixsocial_box-emailsubmit" type="submit" value="Submit" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br />
<div class="table">
<table>
<tbody>
<tr>
<td><div class="subicons">
<a class="Fadeout" href="https://www.facebook.com/bloggersstand" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglY7kD9DP77n8f4Z7rxop4YsErAqCLnFL94QABNWm4HRpr8pNLqZJ0Z8INFiYtEg5J8kxqImsC96VhoOnMc5NcabvjQosyTXeADMw9z0nLWNZ58CEMp0kVDWFA7Kr6A4U5oz80b6YYBYA/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="https://twitter.com/bloggersstand" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj117nOPLV11gsnxyc8tvDjg7VhCePHQstiVbSxDVqQdcAb6NcAM520W3J6bKM2YTyUpHH9fVr49X4sAwDdUmM2YxW8DhCe2rUuHPfX9w2-AhT8KVOVRp0jVjY0kPNFCGZSJRkXBj3ceb4/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/bloggersstand" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcRmHTF3aA939-FfWToLk4EpECK5EnV0MUx3lxXBcZBqr1Zg9vpi3-WlTWliw5V-zhEvzOiJq5lJ8FL6AtZxast1iP3d8KbKd0BsZ0J-eEuKvF2a5v8qiW_HcFeKRZON1772i2gEDWBY/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="http://bloggersstand.blogspot.com" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKG0B5_zExtAacd2Mon7av6Xf2MCnZ3siD60zyXLHshRxqOgF7tWtVy1GuXu0v705FCiaAJ1eaBCV2i_q9SvIzLVmzKxvyYwPGFNcHo6e0QNXgSX-ofJSgUocpoGe5nzNCZUbgKeRO91E/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr>
</tbody></table>
</div>
</div>
</div>
Replace bloggersstand with your Feedburner ID
Replace bloggersstand with your Facebook username
Replace bloggersstand with your Twitter Username
Replace bloggersstand.blogspot.com with your pinterest Username
5. Now save your 'HTML/Javascript'.
You are done,If you need any help for Rss Subscribe Widget, Just leave a comment.