Attractive Rss Subscription Widget With Nice Style For Blogger

 

Feed Subscription is important in bloggers.Because it helps to get new post by email.So, today i bring a nice feed subscription widget with counter. It Include Twitter and Technorati.You can check my other Rss subscribe widget from here. Follow this simple steps to add it to your blog.

1.  Log in to blogger account > Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below code.

<div class='widget-content'>
<div class='third' style="border:0px solid #000;">
<center>
<form style="padding-top:6px;" id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:200px;" />
<input type="hidden" value="Bloggertrix" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input style="
        padding-left:3px;
        padding-right:3px;
        border: 1px solid #333333;
        cursor: pointer;
        background-color: #000000;
        color: #FFFFFF;"
type="submit" value="Submit" />
</form>

</center>
<center>
<table border="0">
<tr>
<td>
<a href="http://twitter.com/bloggertrix" target="_blank" title="Follow Me On Twitter">
<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWunIvmE9g4-mRjKEMx0TCQGOJdtJvZvy3otHOfMNAjTSP0bfey915mscmpKKd4mfalGNKU8xYxrz88SzKBVKM94DQKVk5gsL4xo_oGHBrFYqY3r_h8JFMNfyQ4zlr799plzECM2lz7o/s800/EAB_twitter%2520icon.png" /></a>
</td>
<td>
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://www.bloggertrix.com" target="_blank" title="Add To Technorati">
<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGcgvAe7tr2rAlsg9QM4pgaMWa-kWU2j7mPDJ6sB_OzgKEHXQVOVYEXEX-RuCUrO1s6N0azvvlMybif6FUKj1JaU4ml4CF6qshvDkQEJdWzc7h6v6B0Lbeut1f3XG4KqkGKqjnssSTX8/s800/EAB_technorati%2520icon.png" /></a>
</td>
<td>
<a href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe Via RSS">
<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBI0CGLaH7vo-GWeCFgCpQrxpaSdRBi7h3AM7ixWCEzNohLBhyphenhyphen5LtYtab_VKU-4Qrr-rAPHZb3sLry_wqpjteOc_sG0z8R80uQyKNyWZ1sWz4LTByE6FeJja69Ll1wZnARGRj2-RVmM5g/s800/EAB_rss.png" /></a>
</td><td><td>
<br/><br/>
<a href="http://feeds.feedburner.com/bloggertrix"><img src="http://feeds.feedburner.com/~fc/bloggertrix?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" alt="Fellow Readers" /></a>
</td></td></tr></table></center></div></div>

Replace bloggertrix with your Facebook fan page Id
Replace bloggertrix with your twitter Username
Replace bloggertrix with your Feedburner Id 
Replace bloggertrix.com with your site name
                                 
4. Save HTML/Javascript. you are done.