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.
Recommended widgets:
- All in one Social networks widget.
- Premium social networks subscription widget.
- Feedburner email subscription widget.
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:
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.
ReplyDeleteThanks 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..
DeleteThanks 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
ReplyDeleteWell, 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..
Deleteok i will wait for the customized height and width post. Thanks a lot
ReplyDeleteOkay Thanks..
Delete