テキストの場合は、ここのブログにあるような表示になります。
カラーなどは、自由に変えられます。
ここでは、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;
}これらを追加しました。背景色などは自由に変更することができます。
こちらのサイトも参考にしてみてください。