Embedding Custom Twitter Status

I started using twitter because some @crunchyjew said it was useful. It seemed like a ridiculous tool, but it grew on me because Twitter makes it easy to say what your doing:


...easy to follow what other people are doing:


...and easy to reply to people in a way that, when taken out of context, appears staggeringly vulgar:



Twitter has widgets you can put on your blog to show your latest tweets.

BUT... Their widgets show replies (when you start a tweet with @name) so instead of just showing your status, visitors to your blog might see potentially out of context and seemingly vulgar messages.

So I wrote a little twitter status widget that only shows a users twitter messages that are NOT replies. You just stick the following code where you want the twitter status to show up.

<div style="padding: 1em; background-image: url(http://lh3.ggpht.com/russelldad/SDoibrLyuUI/AAAAAAAAAyc/PmkO4mcsHuk/twitterbg.gif); min-height: 8em;"><img src="http://farm4.static.flickr.com/3187/2879716364_f874fd7037_o.png" height="25" /><div id="twitter_update_list" style="margin-left: 1em; margin-right: 1em; min-height: 6em; padding-bottom: 1em; padding-top: 1em;font-family:'Lucida Grande',sans-serif;font-size:0.8em;color:black;"><span style="color:grey;">Checking with Twitter...</span></div><a href="http://twitter.com/parussel" style="display: block; text-align: right;">follow me on Twitter</a></div><script src="http://russelldad.googlepages.com/twitter.js" type="text/javascript"></script>

and then add this somewhere near the bottom of the page...

<script src="http://twitter.com/statuses/user_timeline/parussel.json?callback=myTwitterCallback2&count=10" type="text/javascript">




And then you get your twitter status, sans replies, showing up on your web page.