テキストの場合は、ここのブログにあるような表示になります。
カラーなどは、自由に変えられます。
ここでは、CSSに追加する形で移植しています。
フッターには
<!--Text type twitter--> <div class="hatena-moduletitle">My Twitter Updates</div> <div id="twitter_div"> <ul id="twitter_update_list"></ul> <br clear=all> <a href="http://twitter.com/yossie_yoshida" style="display:block;text-align:right;"><img src="http://lh4.ggpht.com/_SH8mF7U0zNc/SxJL1BgRqbI/AAAAAAAAAWs/dNxQKRD0aYs/follow_me-c.jpg"></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/yossie_yoshida.json?callback=twitterCallback2&count=5"></script> <!--End of TEXT type twitter-->
ユーザー部分は、ご自分のIDに変更してください。
CSSには
/* twitter css */ #twitter_div { margin:10px auto; padding-bottom:20px; width:235px; height:auto; font-size:80%; color:#333333; } ul#twitter_update_list { margin:0; padding:0; } #twitter_update_list li { list-style:none; margin:0 12px 10px 12px; padding:4px; background:#feffe6; } #twitter_update_list li a:link { color:#00a2d4; } #twitter-link { margin-left:14px; color:#fff; text-align:right; }
これらを追加しました。背景色などは自由に変更することができます。
こちらのサイトも参考にしてみてください。