In this tutorial i'm going to explain how to add Rss feed subscribe with Social Media Network Profile Buttons Share on Social media widget for your blogger account,This Rss Subscription widget also have manual social Counter to display the likes or follow fans count you can change according yourself to show a good number will give good impact to visitors.it will help visitors to get new updates of your blog or website directly into their mail box.it have Faccebook,Rss,Email Subscription and Twitter Gadget.Very easy to add,just follow the step mentioned below.
1. Log in to blogger account
2. Now select "Layout"
3. Click Add Gadget and select 'HTML/Javascript'
4. Paste below code
<style>
#btrsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
list-style: none;
margin:0px;
overflow: hidden;
width:300px;
padding:10px 0 40px 0;
margin:10px 0 -60px 12px;
}
ul#btrcounters li {
float:left;
margin:0px 0px 5px 0px;
width:auto;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
ul#btrcounters li a {
display: block;
height: 54px;
margin-right: 10px;
padding-top: 85px;
text-align: center;
text-decoration: none;
width: 85px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
font-weight: bold;
}
ul#btrcounters li:hover {
opacity:0.6
}
ul#btrcounters li:last-child a{
margin-right:0px;
}
ul#btrcounters #counter-rss {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCpTIPQIdGreM4bTASTpipZUznUrcb5ZFa0Bi-cf8OyygFHdUiYOO2DhEq7uzah950krXrZ8UJTVG5AKC5aOWhHinKrCQuo9ih2u7JW5bwE7rKyYZAWO_Fd7vf0PssSgHJa7lwBsSsxjsC/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrcounters #counter-rss a {
color:#cf6600
}
ul#btrcounters #counter-facebook {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqEhQQNleHKLqmGxojCet_lq9X2gWaeFOZywmimmfeFdeDeRrGGShyphenhyphenDxiZB5Bpn0vNP4w9AzkO7cE0_UWyGFdyQcCfkr3nmqGBWljYVC7dPMDQzq8C_RTc0X9bq8tej3ZEfTn1-pZbVc6S/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#btrcounters #counter-twitter {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkrFik53c5Oqnki07hMJS4PQx1hLVzeVB1kkLij9GHMkEo46zJCqHiQq1r0bT378NIdvGUG9Sgkq0vhuW4M8VCTQDAKgBuUtf21z48yMmySpmkWxya_mAZaGaD6BBNpHZIx7oom4JP3BIn/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#btrcounters #counter-twitter a {
color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="btrsocialcounters">
<ul id="btrcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/bloggersstand">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/bloggersstand">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/bloggersstand">5263</a></li>
</ul>
<div class="widget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggersstand', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>Enter your email address:</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="bloggersstand" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form></div><a href="http://bloggersstand.blogspot.in/2015/07/add-rss-subscription-with-social-media-share-widget-for-blogger.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a>
</div>
- Change bloggersstand with your Facebook username.
- Change bloggersstand with your Twitter Username.
- Change bloggersstand with your Feed Username.
5. Now save your 'HTML/Javascript'.. Done !