For the longest time I have been wanting to add my Twitter status to my blog in place of my quote right under my blogs name in the header. (see above) Today I sat down and figured out what I needed to do to accomplish this and to my surprise it only took all of 10 minutes to complete.
What you need in order to achieve the same for your own blog is:
The first thing you need to do is add a defined spot in your blog where you want the jQuery to write your twitter text status to. I created the following tag in my blog that has an ID of "twitter-status", the inside of this tag will be replaced with whatever status is downloaded from twitter.
<span><a href="http://www.twitter.com/nberardi">twitter status:</a> <q cite="http://www.twitter.com/nberardi" id="twitter-status">status loading...</q></span>
The second thing you need to do is add a RewriteRule to the rewriter rules for a reverse proxy to the Twitter API. The rewriter rule that I used is:
# get twitter status RewriteRule ^/twitter-status\.(.*) http://twitter.com/users/show/nberardi.$1 [NC,P]
So if you go to http://www.coderjournal.com/twitter-status.xml, you will get the direct feed that comes from http://twitter.com/users/show/nberardi.xml.
So it was really that easy. And it can be done for any feed that you want to pull from anywhere on the internet, it just happened to be that in this case I wanted to grab a feed from twitter.