Twitter Follower Widget for Blogger-JQuery Code to Show your Twitter profile and followers pictures as in Facebook fan box in your blogger blog or wordpress.This JQuery plugin will help you in adding twitter followers box widget/button for blog and website.It will display your twitter profile and followers list.
How To Add Twitter Followers Box widget To Blogger?
Go To Blogger > Layout>Select HTML/JavaScript widget. Paste the code below inside it .
<!-- Include javascript and CSS once -->
<link href="http://twitter-friends-widget.googlecode.com/svn/v2/light.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js" type="text/javascript"></script>
<!-- Required HTML -->
<div class="twitter-friends" data-options="{ username:'vikramravtani' }">
<a href="http://genuinecontent.blogspot.com" target="_blank"> </a>
</div>
<!-- Required HTML -->
<link href="http://twitter-friends-widget.googlecode.com/svn/v2/light.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js" type="text/javascript"></script>
<!-- Required HTML -->
<div class="twitter-friends" data-options="{ username:'vikramravtani' }">
<a href="http://genuinecontent.blogspot.com" target="_blank"> </a>
</div>
<!-- Required HTML -->
The below JQuery will not only display your profile & friends pictures but also rotates their latest tweets.
<!-- Include javascript and CSS once -->
<link href="http://twitter-friends-widget.googlecode.com/svn/v2/dark.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js" type="text/javascript"></script>
<!-- Required HTML -->
<div class="twitter-friends">
<!-- {
username: 'vikramravtani'
,friends: 1
,width:300
,users_max:16
,users_height:120
,user_image:40
,user_animate:'width'
,tweet:1
,tweet_height:60
,loop:1
} -->
<a href="http://genuinecontent.blogspot.com" target="_blank"></a>
</div>
<!-- Required HTML -->
<link href="http://twitter-friends-widget.googlecode.com/svn/v2/dark.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js" type="text/javascript"></script>
<!-- Required HTML -->
<div class="twitter-friends">
<!-- {
username: 'vikramravtani'
,friends: 1
,width:300
,users_max:16
,users_height:120
,user_image:40
,user_animate:'width'
,tweet:1
,tweet_height:60
,loop:1
} -->
<a href="http://genuinecontent.blogspot.com" target="_blank"></a>
</div>
<!-- Required HTML -->
Click on save.And you are done.
Note:Add your twitter username instead of 'vikramravtani'.
Twitter Followers Widget code for Blogger-Like Facebook Fan Box
2012-12-27T12:06:00-08:00
Vikram Rajpurohit
Blogger widget|



