Twitter Followers Widget code for Blogger-Like Facebook Fan Box

Posted by Vikram Rajpurohit 0 comments
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 -->

twitter followers widget for blogger blog


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 -->


add twitter followers box widget for website

Click on save.And you are done.

Note:Add your twitter username instead of 'vikramravtani'.