I am currently working on a new skin for my Blog, as well as revisiting the overall user experience of this site. Since I Tweet quite a bit, I figured that displaying the list of my latest 5 Tweets would be a neat idea. A couple of thoughts came to mind, including writing a module that would consume the Twitter API to retrieve my tweets. After doing some researching around, I found that there is a much much, much simpler way to do this with a little (already provided) JavaScript.

First, add the following html UL element somewhere on your page:

<div id="twitter_div">
    <ul id="twitter_update_list"></ul>
</div>

Then add the following script directives to the bottom of the page (the closer to your end </body> tag the better):

<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript" />
<script src="http://twitter.com/statuses/user_timeline/antoniochagoury.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

You'll also notice that I marked-up some of the code in red. The first item should be replaced with your Twitter usersname (otherwise you will get my Tweets on your page!), the second item, is the number of last tweets you wish to display.

Pretty simple uh?

Enjoy!