以下是我现在使用的代码，你只要把它复制到你Blog 里就可以。看起来就是我Blog 右侧现在这个样子。

你可以把它另存为一个单独的html 文件，然后用浏览器打开看看效果。这些JS 只是负责取回数据，没有定义样式，具体的效果会根据你Blog 里定义的样式而变化。

如果你喜欢像我Blog 这样每句话前显示一个小气泡，而不是一个黑点。可以把下面一句加入到你的css 文件里：
#my_twitter li{
list-style-image: url(http://lh4.google.com/image/lovelywcm/RjOnsMO0f5I/AAAAAAAAAMs/WJnqMR__MXQ/comments.gif)
};

下面的代码，你需要改动两个地方。
1、把我的ID（WCM）改成你的ID；
2、把我的数字编号（5002701）改成你的。
你查看你twitter 的feed 地址，大概是类似这个样子：
http://twitter.com/statuses/user_timeline/5002701.atom
其中，.atom 前的数字就是你的编号。

－－－－－－－－－－－－－－－－－－－－

<ul id="my_twitter"><li>Loading…</li></ul>

<script type="text/javascript">

function relative_time(time_value) {
var time_correct = time_value.split('+0000');
var parsed_date = Date.parse(time_correct[0]+'GMT+0000'+time_correct[1]);
var relative_to = new Date();
var delta = parseInt((relative_to.getTime() – parsed_date) / 1000);
if(delta < 60) return 'less than a minute ago';
else if(delta < 120) return '大约 1 分钟';
else if(delta < (45*60)) return '约 '+(parseInt(delta / 60)).toString() + ' 分钟';
else if(delta < (90*60)) return '大约 1 小时';
else if(delta < (24*60*60)) return '约 ' + (parseInt(delta / 3600)).toString() + ' 小时';
else if(delta < (48*60*60)) return '大约 1 天';
else return (parseInt(delta / 86400)).toString() + ' 天前';
}

function twitterCallback(obj){
var twitterHTML = '';
for(var i=0; i<(obj.length); i++){
twitterHTML += '<li><span class="item-title"><a href="http://twitter.com/wcm/statuses/'+obj[i].id+'">' + obj[i].text + '</a></span><span class="item-date"> – ' + relative_time(obj[i].created_at) + '</span></li>';
}
document.getElementById('my_twitter').innerHTML = twitterHTML;
}
</script>

<script src="http://twitter.com/statuses/user_timeline/5002701.json?callback=twitterCallback&count=5" type="text/javascript"></script>