In this tutorial i'm going to explain how to add rss feed and share this article widget below your post title in blogger.This is a very simple gadget for blogspot,it also have rss feed reader,email subscription,Facebook,twitter,Stumbleupon,bookmark to delicious features to share on these social media sites.it will also help to share your content on social websites and also increase your fans or visitors no.follow the steps mentioned below to add this simple and useful widget gadget for your blog or website.
1. Log in to blogger account and Go to Design >> Edit HTML
(make sure backup your template first)
2. Add check mark in Expand Widget Templates.
3. Find this tag by using Ctrl+F ]]></b:skin>
4. Paste below code Before ]]></b:skin>
#subscrbie_posts {padding: 10px;border:1px solid #E9E5B1;background:#FFF3D6;text-align:left;font-size:100%;line-height:1em;color:#272727;font-weight:normal;}5. Find this tag by using Ctrl+F<div class='post-footer-line post-footer-line-1'/>
.subscr-right {border-left:1px solid #D2D8DE;width:160px;padding-left:10px;float:right;}
.subscr-right header{color: #333;font: normal normal bold 17px/17px Arial, sans-serif;margin-bottom: 10px; padding: 0px;text-align:center;}
.subscr-right ul{display: block;list-style-type: none;margin: 0px; padding: 0px;}
.subscr-right ul li{list-style-type: none;padding: 0px;margin: 0px;}
.subscr-right ul li a{color: #333;font: normal normal bold 12px/12px Arial, sans-serif;line-height: 25px;padding-left: 10px;}
#subscrbie_posts header{color:#333;font: normal normal bold 17px/17px Arial, sans-serif;margin-bottom:10px;text-align:center;}
.digg a, .stumble a, .delicious a, .facebook a, .twitter a{padding-left:20px;font:bold 12px/12px Arial, sans-serif;line-height:25px;color:#333;}
.digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVNQXQVFz5yxjsUugfo7c75Vtctuu6mQ7L3AFnS-4Suq_fflS4aQuKJ6kklV9CuNZPsavhoEN0xO2YRjkMy9vN0HJX1KlOB2jbHUScnbjZRnbDEznQwetoasm_FJRqclt_NuqVCbSTUM/) no-repeat 0 center;}
.stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikst840wHulg10oYKUFgky7hyphenhyphenvTQXWfcjnI2xsOwWnwhsrzYCwe145raUzGYoY4_yJuoJ9YmCIP2dseL_eZxHgVb139lv3nI7NekkoC8QCEOzcBKoustWKJNMNGJPtipG86CL3FT9fa-E/) no-repeat 0 center;}
.delicious {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BrjiYPypTiD2fHM2IGz0QnDKjwY1WlNVBZ37piW4Y-lw76zEx4LqzZgsmqn7g1uGeJj627oiMrss5d62RAniFMU7pOUDAw7rCfXNOflTY-uIdVchXtRVVfbl48kE7aV-m_6ZllH1V-Q/) no-repeat 0 center;}
.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN28hC4vvMBq6Dpl6ttcTApX8trMp9vb4HoZ3Fz_MAFbHG0PvVKSq8YMOGaPRp0j-sCE649omX6nZaN86olA9xAHGGKTfyC9aatLYjkYh3YdOaYHc33xYARhRAsMJ44j7B6KEuEeJsVBY/) no-repeat 0 center;}
.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWWXnO_0a490FZaK2MDipzqslRlGTB8X3btLgzmj1WFkkTO3U6PqXkV64fx5ABwiYBCo3-8jgRLpjHaDrxX_KtKz7Vot73ML90a8GitHPuxRYGIPOPoSN23gxRhemIImYPgJdes0FfuUU/) no-repeat 0 center;}
.thumb-img {float:left;padding:0 10px 0 0;}
6. Paste below code before <div class='post-footer-line post-footer-line-1'/>
<div id='subscrbie_posts'>
<div class='subscr-right'>
<header>Share This Article</header>
<div class='facebook'><a href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='share on facebook'>Share on Facebook</a>
</div>
<div class='twitter'><a href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank' title='share on twitter'>Tweet on Twitter</a></div>
<div class='stumble'><a href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='share on stumbleupon'>Stumble This Article</a>
</div>
<div class='delicious'><a href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='share on delicious'>Bookmark on Delicious</a>
</div>
</div>
<div>
<header>Email Subscription</header>
To subscribe through email,<strong>Enter your Email here:</strong>
<p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(\'your feedburner url here\', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><input name='email' style='width:240px' type='text' value='enter email address here...'/><input name='uri' type='hidden' value='bloggersstand'/><input name='loc' type='hidden' value='en_us'/><input type='submit' value='subscribe'/></form>
</p>
Don't forget to confirm your email subcription.
<p><a href='YOUR FEEDBURNER URL HERE' rel='alternate' type='application/rss+xml'><img alt='' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a><a href='http://feeds.feedburner.com/feed39' rel='alternate' type='application/rss+xml'>Subscribe in a reader</a>
</p>
</div>
</div>
<div style='clear: both;'></div>
- Change bloggersstand with your Feedburner username.
- Change Feedburnerl URL with your Feedburner URL
7.Now,Save your Template...Done !