Php Flow » Jquery

Twitter Follow Box jQuery Plugin

A simple but powerful jQuery plugin to add Facebook like box style widget for Twitter. Enough options are available to customize the twitter follow box widget to match your site design.

How To Use

It is very simple to add twitter follow box to your site. The process is just like adding any other jquery plugins. Add the following code inside head tag.

Step 1

Add below files into head section of your application.

1
2
3
4
5
<link href="css/followbox.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="js/jquery.followbox.min.js" type="text/javascript"></script>
Step 2:

Below code is used for call plugin if you need to display the widget inside a div with id #container1.

1
2
3
4
5
$('#container1').followbox({
    'user' : 'your twitter username here'
});
Available Options:

user : Twitter user name
width : Widget width in pixels
height : Widget height in pixels
theme : Values can be ‘light’, ‘dark’ or ‘custom’. Customization can be done only in ‘custom’ mode
border_color : Widget border color
bg_color : Widget background color
bg_image : Widget background image url. It will override background color
title_color : Widget main title color
total_count_color : Color of line showing follower count
follower_name_color : Color of followers’ names

Did you enjoy this article? Share it!

About the Author:

Hi, This is Parvez Alam from India. I am software developer with 4 years’ experience in web development. I have submitted articles on PHP, Mysql, Magento,CSS, HTML, jQuery, web designing and social API. You can subscribe to my blog via RSS/Twitter/Google plus and Facebook. parvez1487(at)gmail(dot)com

Also like

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>