Get your Twitter’s tweet as RSS feed and JSON’s url plus widget codes

Unbelievable, right? yes, you have read rightly: Twitter’s tweet as feed as well as JSON.

Here is my Twitter account’s RSS feed: http://twitter.com/statuses/user_timeline/193774020.rss

You have several questions, right? Here is the steps on how to get your Tweeter accounts tweets as RSS feed:

1. Copy the url posted above (that is, my one).
2. You need your Tweeter user id (number, not the username). For this, go to idfromuser and get your Tweeter id.
3. Replace my number part of the url with yours. That is: / user_timeline / (put your Twitter id here) . rss
4. If you change the .rss with .json; you will get the JSON too. JSON can be used for Ajax call function. You will get a working example of such Ajax JSON callback function usage here: AbhishekGhosh.co.nr
5. If you are further interested to create such Ajax tweeter widget of your own, here are the codes:

You need to define your CSS style sheet. For WordPress, put it in your main CSS style sheet. For Blogger, add at the end of the HTML editor where is last CSS code already exists:


}

.tweets {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: url(“url of background with extention”) no-repeat scroll 1px -12px #EBF5F9;
border: 1px solid #B1D7E7;
clear: both;
float: left;
margin-top: 3px;
padding: 10px 10px 10px 50px;
width: 390px;
height:48px;

}

.tweets ul {
list-style:none;
margin:0;
padding:0;
}

 

Now, the HTML part. You can use as Text Widget in the sidebar too. Background image means that Twitter bird, something like my test profile page. Here is the birdie too (right click to save it): 

We are giving it as div class for usage anywhere within the body:

<div class='tweets'>
<ul id='twitter_update_list'>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/put your user id here.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
</ul>
</div>

I have given the Twitter javascript of Blogger.  It will work for WordPress too (tested). In WordPress or Blogger, if you add within the header, footer or comment part, it will appear in all pages.

Note: I have set count=1 ; that will show the last tweet. You can change it to any value (=number of tweets) you want.

Incoming search terms:

0saves

Save

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Visitors Read This Post Also Read:

1. How to configure Feedburner so that it does not affect your SEO? We all know about Google Feedburner. On June 3, 2007, FeedBurner was acquired by Google...
2. How to add a RSS feed in Internet Explorer 9 In previous tutorial, we have shown our readers how to add a RSS Feed in...
3. How to automatically publish your blog posts on Twitter and Facebook? Publishing post links manually on Twitter or Facebook page really take too much time.There are...
4. 10 good practices to enhance visibility through retweets (RT) on Twitter Hello to you all. We talk regularly with web players (managers or representatives of companies,...
5. Optimize WordPress by compressing data through .Htaccess To start this series of performance tuning of your WordPress blog, we propose a simple...
6. What is the professional way of use of Twitter? Anyone has heard of Twitter, the microblogging service that allows you to send messages of...
7. Twitter Grader: Calculate your Twitter grade Twitter Grader is a tool to calculate your Twitter grade. It calculates it from different...
8. Tips and tricks to start and continue a professional and successful blog In this article we will give you some tips for a having a successful  and...
9. How to install WordPress on Windows 7 to test themes and plugins offline Testing a new theme or plugin for developing them or just for normal usage in...
10. Create a custom login page in WordPress This tutorial will show you how to set up a custom login page in WordPress....
11. WordPress Plugins to create a glossary in your blog Be faster and more precise, what many bloggers love. Using a glossary is widespread in the...
12. How to add an RSS feed in Windows Live Mail 2011 A regular visitor of our website has asked how he can add RSS feed in...
13. 15 Tips to secure your WordPress site Some time ago we had a problem with our WordPress site suffered a little hacking....
14. Create your own Twitter background with Twitter PSD file Do you want to design your own background for your Twitter profile? But you are...
15. Management of Gravatars in WordPress A gravatar is a miniaturized image that is associated with an e-mail. Implemented in the...