--> Show Off Follower Counts For RSS, Twitter and Facebook Followers | Experience Lab - Online business creation and development guide for bloggers and startups

Show Off Follower Counts For RSS, Twitter and Facebook Followers

You have seen many mind blowing widgets on wordpress blogs but its now time to make Blogger a better place! Presenting to you just another...

Follower Counter for facebook, twitter and  feedburnerYou have seen many mind blowing widgets on wordpress blogs but its now time to make Blogger a better place! Presenting to you just another beautiful and yet useful widget that displays the current number of your blog subscribers, twitter and facebook followers. This widget is based solely on pure CSS and HTML with no JavaScript involved therefore you just need to update the counts manually. At present I am learning programming too so as soon as I develop some good command in programming, I will automate all MBT widgets but at present bear with me as a designer only :p

 

Take a look on how the widget will look like on a blog with narrow sidebar (The screenshot above is taken on a blog with wide sidebar)

Follower Counter

 

Follow the Steps Below To Add The Follower Counter To Your Blogger Blogs

  1. Go To Blogger > Layout
  2. Choose Add a Gadget or Add a Page element
  3. Select HTML/JavaScript widget
  4. Paste the code below inside it,

<style>
.rss-mbt {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuQy6ocCIPkVBCaXg3loIbvkgPl9Y3dlXiwxhJSYToExRI5sEaSBwFsiRL5b6QTlLNqlL8IIUqiSau0RjgspMfWpkY6wV4ufnOMd8SO4NCAIvTfKRBtM9uk7TrQlrR-rnR1Sy30aA_z3E/s800/RSS1.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 20px;
}

.twitter-mbt {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFDRHc65sRUou2FmJDFNL3zlQfAZ6uKRXIzsZyrg5Hi_CRQxzmBydodZEQMnBy71kYVHZ-3UwSRofK87Nm-6AMY0fn9fOdc0SvPl9Ottf1n5nB_8wY6TNLoYt2ai2lyNr_ZAmLH9YpB4o/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/AVvXsEg6fyCmiQ0zVqigCp5iAwqwyCdKB17IpuhC7-5f9eCqgT1a_nu_HrbXNx5nRDAA5I6KL4Tp9pORbZBjM_Wv7_lhQ2UeRtSW50S3mKKpjWqxkrgX_V69hLYuH5fheye7_EIl3XiTJWHHCVc/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="ADD-RSS-FEED-URL-HERE" rel="nofollow">RSS feed</a>
| <a href="ADD-RSS-EMAIL-FEED-URL-HERE" target="_blank" rel="nofollow">E-mail</a>
</div>

<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>                           
<a href="ADD-YOUR-TWITTER-URL-HERE" 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="ADD-YOUR-FACEBOOK-URL-HERE" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>

 

NOTE:- Make sure to replace the bolded text with the required details (links of your Feedburner, twitter and facebook accounts) and 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 followers

     5.    Save and you are done! Now view your blog to see a stunning widget hanging on your sidebar :D

Customization:

I hope it was not difficult to add :). You can replace the images used in this widget with the image links of your choice. Below are some MBT Social Media Icons that you can use,

Kindly let me know how useful do you find this new stylized widget. I would be more than happy to help you with any query you may have. Take good care of your selves and of your dearest ones. Enjoy! :>

 

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Show Off Follower Counts For RSS, Twitter and Facebook Followers
Show Off Follower Counts For RSS, Twitter and Facebook Followers
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHnkLqnOW-kf6nGkBg50d0ZKiNROjKnNUSAtIRLOT4PkYl09_0ga_1OcaHRECGn5M-hVTlodREYr6BUJb1_3h5CCuUui7Ynl8TKeguFNJwF4aEFFZ7FjjHTLI0A7VO7A7ealS8tr20i-Y/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHnkLqnOW-kf6nGkBg50d0ZKiNROjKnNUSAtIRLOT4PkYl09_0ga_1OcaHRECGn5M-hVTlodREYr6BUJb1_3h5CCuUui7Ynl8TKeguFNJwF4aEFFZ7FjjHTLI0A7VO7A7ealS8tr20i-Y/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2010/04/show-off-follower-counts-for-rss.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2010/04/show-off-follower-counts-for-rss.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy