Add a beautiful widget which shows your feed readers count, Twitter follower count, And Facebook fans count. If you are using the ugly widget of twittercounter.com then I strongly recommend you to switch to this widget.
Beautiful Followers Count Widget
Follow the steps below for having this widget:
- Go To Blogger > Layout
- Choose Add a Gadget or Add a Page element
- Select HTML/JavaScript widget
- And paste the following code:
<br /> <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(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwExG3-MI/AAAAAAAAC_o/37FdJ2lDUUY/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><br /> <br /> <div class=”rss-mbt”> <div class=”follower-rss”><span>515</span> loyal readers<br /> </div> <a href=”RSS-FEED-URL-HERE” rel=”nofollow”>RSS feed</a><br /> | <a href=”RSS-EMAIL-FEED-URL-HERE” target=”_blank” rel=”nofollow”>E-mail</a><br /> </div><br /> <div class=”twitter-mbt”><div class=”follower-twitter”><span>1058</span> followers</div> <a href=”TWITTER-URL-HERE” target=”_blank” rel=”nofollow” title=”I definitely follow you back”>Follow us on Twitter!</a><br /> </div><br /> <div class=”facebook-mbt”> <div class=”follower-facebook”><span>260</span> followers </div> <a href=”ADD-YOUR-FACEBOOK-URL-HERE” target=”_blank” rel=”nofollow”>Join us on Facebook!</a><br /> </div><br />
Note:
You should replace the facebook, twitter, and feed links with your own links. Replace the bolded numbers with your current follower counts. For example replace 515 with your current number of Subscribers, replace 1058 with the number of your twitter followers and replace 260 with the number of your facebook page fans.
* And save it!
Hats off to Ahmedzai for this wonderful tip.
