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, and one such micro-blogging-cum-social-networking website is Twitter. This widget looks identical to the Facebook like box: it allows your visitors to follow you quickly on Twitter and see some familiar faces among your followers.
Recommended widgets
How to add a Twitter follow box in Blogger
- Log 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 the HTML/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("YOUR_USERNAME");</script>
- Before saving, you need to make a little change in the code: replace
YOUR_USERNAMEwith your own Twitter username. - Save the widget code.
- Click on View blog from the layout window and see the widget in action.
Customizations
As you can see, there is not much JavaScript code present here to customize. That is because the whole code is stored in an external JavaScript file hosted at the URL in the first script tag. The code above just invokes a function to make this widget appear on your blog. In order to make customizations you would need to host that script on your own server or blog, but we do not recommend this because the code may be copyrighted. This is a 300px × 300px widget and fits easily in your sidebar without any customizations.
This is not an official Twitter widget, as mentioned above, but it is surely a handy widget that can help you increase your Twitter follower count. We all know these counts and stats matter in blogging and show the popularity of your blog.
You can check out the Blogger tips and tricks section of our blog for more cool widgets. You might also like the sticky sliding notification bar.
