Wednesday, 5 June 2013

How to add Twitter follow box to blogger



Hello Readers, in this article we will learn how to put a twitter follow box similar to the facebook like box in your blogger blog. You can put this widget in any JavaScript enabled webpage. Social networking websites have become a vital part of blogging these days. One such micro blogging-cum-social networking website is twitter. Today I was searching for this kind of twitter widget and came across Moopz. They have developed this widget which looks identical to the facebook like box. It allows your visitors to follow you quickly on twitter and see some familiar faces of your followers. Later in this post you will find the live demo and tutorial to add this widget in your blog.
Twitter Follow Box


Recommended widgets:


How to add twitter follow box in blogger:

  • Login in to your blogger account.
  • Navigate to the layout section of your dashboard.
  • Click on “Add a gadget” where you want this widget to appear on your blog.
  • Select a text/JavaScript widget from the pop-up window.
  • Copy and Paste the following code in that window.
<script type="text/javascript"
src="http://s.moopz.com/fanbox_init.js"></script><div
id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("unziptech");</script>
  • Now before saving you need to make a little change in the code. Just replace my twitter username (highlighted in red) with yours.
  • Now save the widget code.
  • Click on view blog from the layout window and see this widget in action.

Customizations:


As you can see there is not much of JavaScript code present here to make customizations. It is because the whole code is stored in an external JavaScript file hosted on the url highlighted with green color. The code above just invokes a function to make this widget appear on your blog. In order to make customizations you need to host that script on your own server or blog but I do not recommend this, because they might have copyrights for this code. This is a 300px x 300px widget and could be easily placed in your sidebar without any customizations.



This is not an official twitter widget as I mentioned above in this article, but it is surely a handy widget which can help you increasing your twitter follower’s count. We all know these counts and stats are important these days in blogging and show the popularity of your blog. I hope you get the whole procedure but still if anyone needs more help, don’t hesitate to comment here. I love to hear from my readers and would be glad to help you.



You can check out the blogger tips and tricks section of our blog for more cool blogger widgets. You might also like a cool sticky sliding notification bar similar to the one added in this blog.



If you like my work; you can show your regards by hitting the facebook like button, following us on Google+ or twitter, subscribing us or at least sharing this article with your social networks via the buttons below.


Do you like this post? Please link back to this article by copying one of the codes below.

URL: HTML link code: BB link code:
author pic
Author: Mohammad Zafar Ahmad
Zafar Ahmad is PHP/Java Developer and a Passionate Blogger. He likes to write about Blogging tips, SEO tips, Blogger Widgets, Smart phones, Tablets and Online Earnings. You can find him on Facebook, Twitter or Google+

6 comments:

  1. Amazing gadget to add in my blog. I'll surely give it a try. Thanks for this wonderful post. Keep blogging dear and always be in touch with me.

    ReplyDelete
    Replies
    1. Thanks Ankit, keep visiting and you may also subscribe to us. You too have a great blog. I noticed you were inactive for a while and now came up with a new blog design..Good going brother..

      Delete
  2. Thanks soo much for your help. you are God sent,i have been looking for a way to add twitter and Facebook boxes to my blog and you just made it possible. the problem i have is, the twitter widget is big for my sidebar. what can i do about it? Thanks

    ReplyDelete
    Replies
    1. Well, If you want to customize it, you need to host the JavaScript file on your server (url highlighted in green). It has got the height, width attributes..But as i mentioned they might have copyrights associated with this JavaScript i recommend you to use it as it is..I am working on a Twitter widget with customized height and width..once done with this, i will post it on my blog..

      Delete
  3. ok i will wait for the customized height and width post. Thanks a lot

    ReplyDelete