April 8, 2010

Show Off Follower Counts For RSS, Twitter and Facebook Followers

29 Comments so far

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(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>

<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! :>

 

April 4, 2010

Surprisingly MBT Blessed With Page-Rank 3.0!!

28 Comments so far

Google PageRank-3 Never thought 2010 could be such a blessing in my life! Just within 10 months of its release, MBT has amazingly being blessed with a Google Page Rank 3, which is a measure of a web’s importance in the eyes of the Mega Search Engine i.e Google. Luckily not just the MBT homepage but a lot of internal pages have got PR-2-3!

 

I am extremely thankful to all my readers for their continuous love, support and dearest motivation. Verily I could not have achieved this without the active participation of our readers because half the credit goes to you guys for gifting MBT with precious content everyday with your lovely and relevant comments. It was also indeed your trust on us that EntreCard restored our account and appreciated MBT’s EntreCard-Buckets Service.

Thumbs up to MBT and thumbs up to all of you for believing and trusting in the Moto of publishing unique content on Blogosphere. I thank Allah and then every single visitor, follower and subscriber without whom this day’s success indeed would have no taste and flavour. God bless you all!

Today’s Lesson:- Be Unique in everything that you do for success itself is coloured uniqely and when success knocks your doors it really feels mind blowing! :D

Support Us

We have educated thousands of bloggers online and made several people Make a living Online. If our Tutorials have really helped you a little, then kindly show your love by using the badge below:-

Blogger Widgets

or try a Beautiful Banner

Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. STC Network was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Subscribe

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |