Put tweets on your page with three lines of HTML

Want to see my tweets on your web page? With just three lines of HTML?

No problem!

Step one

<div id="twitter_div"><ul id="twitter_update_list">&nbsp;</ul></div>

Step two

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">&nbsp;</script>

Step three

<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/MarcDrummond.json?callback=twitterCallback2&count=5">&nbsp;</script>

Example

  •  

Your turn

In step three, just replace your username where mine appears. Then you can see your tweets, too! You can also tweak the number of tweets you receive. And because this just generates some pretty standard HTML, you can style it as you like with CSS.

No server-side scripts needed, just tweeting goodness!

Hat tip

This technique comes from this article: Tutorial: Displaying Twitter, from heartdrops.org. So please thank Heart Drops for being awesome!

Archives