Rotate

Jul 13, 2012

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!



2 comments

i have Done Your Coding Step By Step But Tweets Is Not Rotating
Can You Plz. help me for that...

thanks
pankaj

by Marketbhavishya on January 11, 2013 at 7:43 PM. #

What is the address of your blog site? If you're using any other javascript like featured sliders, the rotating twitter widget won't work.

by Earl on January 11, 2013 at 8:03 PM. #

Leave your comment