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.

Please Note : This is the old guide. Kindly do not follow this. Twitter has changed their API, so this will not work. Instead read our new guide - <a href="https://thecustomizewindows.com/2013/07/get-your-twitters-tweet-as-rss-and-json-with-new-twitter-api/" title="Read How to Get your Twitter’s Tweet as RSS and JSON with New Twitter API" target="_blank">Get your Twitter’s Tweet as RSS and JSON with New Twitter API</a>. You still can use the basic styling idea from this guide.

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:

<span style="color: #00ff00;">&lt;div class='tweets'&gt;</span><span style="color: #0000ff;">&lt;ul id='twitter_update_list'&gt;</span><span style="color: #99cc00;">&lt;script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/&gt; </span><span style="color: #800080;">&lt;script src='http://twitter.com/statuses/user_timeline/<span style="color: #ff0000;">put your user id here</span>.json?callback=twitterCallback2&amp;amp;count=1' type='text/javascript'/&gt;</span><span style="color: #0000ff;">&lt;/ul&gt;</span><span style="color: #00ff00;">&lt;/div&gt;</span>

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.