Simple RSS Feed Subscription Widget For Blogger Blog

RSS means Rich Site Summary or you can say in other simple words Really Simple Syndication is a part of web feed formats used to publish frequently updated articles - such as blog postings, news headlines, podcast in a standardized format. RSS is useful idea for people who daily use the internet for their needs.

It provides the latest content from the websites and blogs you are interested in. Its saves your time because you do not need to visit each site individually.

You May Like To Read:

1. Stylish Email Subscription Box With Social Media
2. Create Email Subscription Form With Social Buttons
3. Customize Blogger's Official Follow By Email Widget
4. Elegant Email Subscription/Signup Widget For Blogger Blog
5. Premium Social Media Subscription Widget For Blogger Blog

In this tutorial I'm going to share how to add simple RSS Feed subscription widget to your blogger blog.With the help of this widget your blog readers can add their emails and subscribe your RSS feed directly.You can subscribe our RSS feed by clicking here.Let's start the tutorial:

Demo (Screenshot)

Add RSS Subscription Box Widget To Blogger Blog

1. Go to Dashboard > Design > Page Elements.
2. Click Add A Gadget. In New Window, Select HTML/Javascript .
3. Copy The Code Given Below and Paste It Inside The Box.
4. Save The Gadget

Add Subscription Box Widget To WordPress Blog

1. Go to Dashboard > Appearance > Widgets > Available Widgets
2. Drag Text Widget Into a Sidebar.
3. Paste In The Code.
4. Save Widget & Its Done

Code For RSS Subscription Box Widget

<style>
.bordered {
    border: solid #ff7417 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: #ff7417;
    -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 #ffffff 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/BlogsDaddy" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzF7scBJ_W077U7B8WcIBjChiHKt_5wPt8AGK0oYxRJCdFbhsNAEaC_Xg6Jq0choSFABNvuS-AI87yONg4rJ1aiZFWW5dHSjqfXCGRMFXe84c562nEKMYdNIxaS0r0Som5IRIqLUzy6s8/s1600/BlogsDaddy.Com-RSS-Reader-Book-icon.png"/></a><p><a href="http://feeds2.feedburner.com/BlogsDaddy" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Get free email updates </a><span style="color: #000000; font-weight: bold;">By submitting your email address here</span></p>
<style>
input.bt {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.bthov {
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=BlogsDaddy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#000000; background: #fff; border:1px solid #ff7417; width: 90px;" name="email" type="text"/>
<input value="BlogsDaddy" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='bt bthov'" onmouseout="this.className='bt'" value="GO!" class="bt" type="submit"/></form><br/>
</div>

Remember Notes : Replace BlogsDaddy highlighted in yellow with your own Feedburner username and you are done.

Recommend For You:

1. Stylish Subscription Widget For Blogger And WordPress
2. Add Beautiful Email Subscription Box V2 In Blogger Blog
3. How To Add Thesis Email Subscription Widget To Your Blogger Blog

If you are facing any problem then ask via comments without any hesitation.Happy Blogging and Stay Blessed :) Peace Guys...

Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.