Beautiful Rss Feed Subscription Widget For Blogger

Every marketer always want bulk traffic on his/her website, even when he is not updating it with awesome post just share something to popup your emails with the update of his website post. For that matter rss feed subscription widget is best solution for those who are using blogger blogs or even for those who construct up their websites on wordpress.

Rss Feed Subscription Widget:

The following code will help you to generate beautiful subscription box which you can add anywhere in your website either in footer or right widget of your blog. Well for that matter you just need to copy the following code and paste in to html section of new widget. For those who are new in their journey of bloggers sharing an image how to insert the code in blogger which will elaborate well to you.

Just Copy the Below Code:

<style>
#topbox{width:250px;border:1px solid #a1a1a1;background-color:#ffffff;padding-bottom:15px;padding-top:5px;}
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GKNSL5dlyHwIVtJk6eKAZLOn-1ZHTKVSWke1ENayFdNtHGNsVAowrjduMIKH1xMSGYhC5-59_YxBS97E98Z-dx9gXcP7865Xf8DGJnAGbrnZgcROBHpIbEInrzoRdKVz_TSgrnafwb4/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 18px;padding-bottom:10px;font-weight:bold;}
</style>
<div id="topbox">
<center>
<div class="news-headline" color:="color:">
Get Free Email Updates</div>
</center>
<center>
<table border="0"><tbody>
<tr> <td style="padding-right: 4px;"><a href="http://twitter.com/techblis" target="_blank" title="Follow Me On Twitter">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/twitter.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/techblis" target="_blank" title="Subscribe Via RSS">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/feed.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="http://www.facebook.com/techblis" target="_blank" title="Find Us On Facebook">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/feacebook.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="https://plus.google.com/100200076214362517638" target="_blank" title="Add me on Google+">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/gplus.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="http://youtube.com/username" target="_blank" title="Add To Technorati">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/feed-2.png" style="height: 25px; width: 25px;" /></a></td></tr>
</tbody></table>
</center>
<div id="news-letter">
<span class="msg-box"></span>
<b>Sign up for newsletter</b>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="ebutton3" gtbfieldid="2" maxlength="100" name="email" onfocus="this.value = '';" size="25" style="color: #333333; font-size: 11px; height: 21px; width: 130px;" type="text" valign="middle" value="Enter your email address" />
<input name="uri" type="hidden" value="bloggertrix" />
<input name="loc" type="hidden" value="en_US" />
<input class="ebutton2" id="submit" style="font-size: 11px;" type="submit" value="Send" />
</form>
</div>
</div>
<div class="clear">
</div>

<div class="clear">
</div>