Friday, March 4, 2011

Show The Total of Followers In RSS, Twitter, and Facebook

This widget is very useful. The function of this widget is to show the total of followers in RSS, Twitter, and Facebook. This widget is very simple. Even, this widget doesn't use Java Script. Just use CSS and HTML. But, if you're using this widget, You've to update this widget manually. So, you have to be diligent to update the total of followers in RSS, Twitter, and Facebook. So, if you want to show the total of followers in RSS, Twitter, and Facebook in your blog, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose HTML/Java Script
4. Copy the code below, and paste on the place.
<style>
.rss-mbt {
    background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwAxlnAsI/
AAAAAAAAC_g/9s74YaAwpls/s800/RSS1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}
.twitter-mbt {
    background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/S7wv1yUhrdI/
AAAAAAAAC_Y/_yw-vTwlc7g/s800/TWITTER1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}
.facebook-mbt {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnoMmAgQ5EGqFE0XRjMCqwD9c_xXSw3zJCvl_YI7yF58A9WcOGlLMNKSAdOILrpk5f_uCI4q6YEKVwz3i4V61WciWn9RzgFmMZ9K6-klIiTVw-EdcRxBonXNYQ1L6lGsQ8CNp5-jcWhb4/s800/FACEBOOK1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}
.follower-rss, .follower-twitter, .follower-facebook {
    font-family: Georgia,  sans-serif, Times;
    font-size: 1.1em;
        font-style:italic;
        color:#289728;
}
.follower-rss span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#FFB93C;  
}
.follower-twitter span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#6DB6E6;  
}
.follower-facebook span {
    font-size: 1.9em;
    font-weight: bold;
        font-style:italic;
        color:#3889BA;  
}
</style>
<div class="rss-mbt">
<div class="follower-rss"> <span>515</span> loyal readers
</div>
<a href="YOUR RSS FEED URL" rel="nofollow">RSS feed</a>
| <a href="YOUR RSS EMAIL FEED URL" target="_blank" rel="nofollow">E-mail</a>
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>                          
<a href="YOUR TWITTER URL" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a>
</div>                    
<div class="facebook-mbt">                      
<div class="follower-facebook"><span>260</span> followers                            </div>                          
<a href="YOUR FACEBOOK FAN PAGE URL" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>
=> You have to update the number of the followers
5. Save now

No comments:

Post a Comment