Chinese (Simplified)Chinese (Traditional)EnglishJapaneseKorean

Peanuts Blog[かぎや盛岡べん別館]

コロナ禍は厳しい…その時々の気づきを書き綴ります。55歳過ぎての、定年前のシルバー起業。 このままでは楽しくないと… 横浜市の支援と信用保証、銀行融資を活用して、必要な国家資格などを取得。生業としてこれからの働き方改革を自分自身に適用しました。

Twitter TEXT type Widgetをはてなに追加する

テキストの場合は、ここのブログにあるような表示になります。
カラーなどは、自由に変えられます。
ここでは、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&amp;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;
}

これらを追加しました。背景色などは自由に変更することができます。
こちらのサイトも参考にしてみてください。