category:
Web
Back to Blog Index
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>#twitter {
background:url(/img/bg_twitterTop.gif) no-repeat left top;
}
#twitter ul {
background:url(/img/bg_twitterBottom.jpg) no-repeat bottom;
padding:24px 10px 15px 34px;
margin:0 0 7px 0;
list-style:none;
}