Rss Subscription With Social Media Share Box Widget

0
Rss Subscription With Social Media Profile Widget
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('http://1.bp.blogspot.com/-hhLOUB2grO4/UTtQuP_UcrI/AAAAAAAAAa4/45ktbduAdlg/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrcounters #counter-rss a {
    color:#cf6600
}
ul#btrcounters #counter-facebook {
    background: url('http://2.bp.blogspot.com/-tM7840vWvXE/UTtQuOsPBwI/AAAAAAAAAaw/9_XArbd_oQ0/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
    color:#3b4d8f
}
ul#btrcounters #counter-twitter {
    background: url('http://4.bp.blogspot.com/-WV4xN0DUeyU/UTtQuQ7Y_cI/AAAAAAAAAa0/7uKch5uUVwc/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 ! 
Rss feed Subscription With Social Media Profile Widget for your blogger blogspot,manual social media coutner to show maximum no of likes with social media counter buttons with rss subscribe gadget
In this tutorial i'm going to explain how to add Rss feed subscribe with Social Media Netwo...
SUMMARY

Rss feed Subscription With Social Media Profile Widget for your blogger blogspot,manual social media coutner to show maximum no of likes with social media counter buttons with rss subscribe gadget

You Might Also Like:

We hope this article helped you to learn Rss Subscription With Social Media Share Box Widget. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "Rss Subscription With Social Media Share Box Widget" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand