blog.takuyan.com

Ruby & Javascript & Hack

Twitterをはてなダイアリーのサイドバーに。

f:id:kattton:20080313072809p:image
Twitter / Widgets

とりあえず、上記のリンクにアクセスすれば、
なんとなくわかるはず。
(Twitterにログインしてから見てくださいね)

はてなダイアリーの場合は、一番下の「Other」を選択して次へ。

次の画面で、

  1. Flash, Just Me
  2. Flash, With Friends
  3. HTML/JavaScript


から、好きなものを選べば、あとは終わったようなもの。

次の画面に出てくるソースをコピーしてこよう。

<div style="width:176px;text-align:center">
<embed src="http://twitter.com/flash/twitter_badge.swf"  flashvars="color1=13056&type=user&id=????????"  quality="high" width="176" height="176" name="twitter_badge" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
<br>
<a style="font-size: 10px; color: #003300; text-decoration: none" href="http://twitter.com/●●●">follow ●●● at http://twitter.com</a></div>

(実際は改行してません。)

こんな感じのソースです。*1 *2


さて、はてなダイアリーの設定です。

管理ツールトップ>詳細デザイン設定の画面の、
「ページのフッタ」にさっきのソースを追加します。

場所としては

<div class="sidebar">

の下が良いでしょう(というか上はダメです)。

以上で完成です。

*1:????????部分にはなんかID入ってました。

*2:●●●部分にはユーザ名が入ってました。