Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

While surfing internet, I came across a script which allows you to add a Facebook Style Twitter Fanbox in your Blogger and WordPress Blogs with ease. I found this script on MBT which is among the most popular blogger blogs in the world. This Facebook Style Twitter Fanbox/Like Box allows your visitor to follow via twitter without actually leaving your Website or Blog. It will ultimately help you to generate more follower and traffic to your blog/Website so just check it out.

How Does this Facebook Style Twitter Fanbox/Like Box Look Like?

It looks very similar to Official Facebook Fan Box/Like Box. Just check it screenshot below:

Facebook Style Twitter Fanbox/Like Box for Blogger and WordPress Blogs

Comparison Between Facebook Fan Box and Twitter Fan Box in Terms of Look

Just check the comparison between these two in terms of Look:

87 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Facebook Vs Twitter Fan Box

How to Add Facebook Style Twitter Fanbox/Likebox in Blogger?

Just follow the below given Procedure to Add this Widget in Blogger.

Log on into your Blogger Blog by visiting http://www.blogger.com
You will see your Dashboard. Now click on Layout. The screenshot for the same is shown Below:

45 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Layout Option in Blogger

Now you will see your Layout. Generally Blog Owner Add this widget in their Sidebar so click on “Add Gadget” in your Sidebar. The screenshot for the same is shown below:

46 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Add html option in Blogger

Now you will see a Pop-up which will allow to add widgets in Blogger. Just scroll down and click on “Add html/Javascript”. Check the screenshot for the same.

47 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

http://trickyadsense.blogspot.com/

Html/Javascript in Blogger

Now you will see an Space, where you will have to Add the Code for your Facebook Style Twitter Fanbox/Likebox. Just check the screen shot:

48 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Add html/Javascript code in blogger

Check the Above Figure and Add the following code where it shows “Add Code Here”.

<script type=”text/javascript”
src=”http://s.moopz.com/fanbox_init.js”></script><div
id=”twitterfanbox”></div><script
type=”text/javascript”>fanbox_init(“ravik1214“);</script>

Now replace “ravik1214” with your own Twitter Username and click on “Save” button and that’s it. You are done.

How to Add Facebook style Twitter Fanbox/Likebox in WordPress?

Here WordPress means your Self Hosted WordPress Blog. It provides you the facility to Add Html/Javascript in your Sidebar by using “Text “ Widget . So let’s check how you can do this in WordPress.

First of All log in to your Self Hosted WordPress blog. Generally you log in to it by using http://yourdomain.com/wp-admin.
Now you will see the following screen i.e your dashboard:

16 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

WordPress DashBoard

Click on “Appearence” Tab and then on “Widget“. Now you will see the Following Screen.

25 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Widgets in WordPress

Add a “Text” Widget to your Sidebar. You will see a Place to Add your Code. The screenshot is shown below:

52 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Add Text widget in WordPress Blog

Simply have a Look on Above Picture and Add the below given code in the Space where its shows “Add Code Here”.

<script type=”text/javascript”
src=”http://s.moopz.com/fanbox_init.js”></script><div
id=”twitterfanbox”></div><script
type=”text/javascript”>fanbox_init(“ravik1214“);</script>

Now Replace “ravik1214” with your own Twitter Username and finally click on Save Button and enjoy.

What to do, a box without any Fans Appears in my Sidebar?

The script uses Javascript which takes few minutes to install so in meantime, you can also see the following instead of your Facebook Style Twitter Fanbox/Likebox.

61 Facebook Style Twitter Fanbox/Likebox for Blogger and WordPress Blogs

Error in WordPress blog widget

Don’t worry just wait for few minutes and Refresh your Page. You would be Able to see your Facebook Style Twitter Fanbox/Likebox in your blog which will look like below given picture:

Facebook Style Twitter Fanbox/Like Box for Blogger and WordPress Blogs

So just use this widget and Increase your twitter followers with ease. I have tried to provide a simple tutorial but in case it creates difficulty for you, ask me by commenting below. I will feel happy to help you.