Twitterの最新の投稿をサイドバーに表示しました

1つ前のエントリー（Twitterの最新の投稿をオリジナルのデザインで表示する方法）でやってみたくなったので、デザインとCSSをいじってサイドバーに設置しました。

なかなかいい感じ。

ソースは以下の通りです。

XHTML

<div id="twitter">
 	<ul id="twitter_update_list"></ul>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/creamu.json?callback=twitterCallback2&count=1" type="text/javascript"></script>

CSS

#twitter {
	background:url(http://blog.creamu.com/mt/img/bg_twitterTop.gif) no-repeat left top;
}
#twitter ul {
	background:url(http://blog.creamu.com/mt/img/bg_twitterBottom.jpg) no-repeat bottom;
	padding:24px 10px 15px 34px;
	margin:0 0 7px 0;
	list-style:none;
}

みなさんもぜひやってみてください♪同じエントリーを前にも書いていましたね。。