Twitterのつぶやきをこのページに埋める

やっとこさ平日が終わったので、パピコンいじりを少々。

最初はFlashのを入れてたのだが、過去分を表示させてみようと思って違うのを入れたら横幅オーバーでみっともないことに。

つぎに http://twitter.com/widgets/html_widget からHTML版のを埋めてみたのだが、どうにも他のモジュールと統一感がない。

というわけで、何年か振り(?)にhtmlをいじくってみた。自分でCSSを書くのはようやらんので、カテゴリリストのclassを借りた。こんな感じ？

<div class="hatena-module"><div id="twitter_div">
<div class="hatena-moduletitle">最近のつぶやき</div>
<div class="hatena-modulebody">
<ul class="hatena-sectioncategory" id="twitter_update_list"></ul>
</div>
<a href="http://twitter.com/hogehoge" id="twitter-link"
 style="display:block;text-align:right;">follow me on Twitter</a>
</div>
<script type="text/javascript"
 src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript"
 src="http://twitter.com/statuses/user_timeline/hogehoge?callback=twitterCallback2&amp;count=5">
</script>
</div>

ところで、今更ながら(ホントに今更)Firebugを入れてみて使ってみたのだが、すごい便利ですなこれ。というか、今時のWebデザインてこういうのがないとやっとれんのでしょうな。