Rotate

Rotating Twitter Widget

Finally after months of searching and testing the much coveted rotating Twitter widget, I finally got the right code. Also, this code includes retweets, even the new retweet function.

Before anything else, every Blogger blogger should know that when you try to make changes to your template it is always imperative to backup your template.

Step 1

Go to template > edit HTML > find </head>

Paste the following code before </head>

<!-- jQuery library -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>

<!-- Tweet Rotator -->
<script src='http://dl.dropbox.com/u/34682988/TwitterFeed/scripts/rotate.js' type='text/javascript'/>

Save template.

Step 2

Add HTML widget and add the following code.

<div id="twitter_div">
<ul id="twitter_update_list" class="rotate"></ul>

<!-- Twitter Feed -->

<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>

<script src="http://api.twitter.com/1/statuses/user_timeline/yourusername.json?include_rts=true&callback=twitterCallback2&count=5" type="text/javascript"></script></div>

Change highlighted text in red to your own username.  Change highlighted text in yellow to the number of tweets you want to allow to rotate.

Step 3

Enjoy!