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:
- Managed Fusion Url Rewriter and Reverse Proxy
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]