はてなでTwitterのつぶやきを表示させる(Google Gadget)

前回、作成したGoogle Gadget。はてなでは、ブログパーツが使えないとのことで、Google Gadgetを作成しました。

こんな感じで書いています。

<script src="http://gmodules.com/ig/ifr?url=http://eikatou0.appspot.com/gadets/tweet01/tweetGadgets.xml&up_tweetTitle=%E4%BB%8A%E6%97%A5%E3%81%AE%E6%B3%A8%E7%9B%AETweet%21%21&up_tweetIds=12279963640,12269816963,12258327892&synd=open&w=400&h=700&title=&border=%23e5ecf9&output=js"></script>

タイトルと、表示させるTweetを変える時は、以下の手順を行います。

1. タイトルを入れます。”&up_tweetTitle=title“のところに、タイトルを入力。日本語の場合はURLエンコードします。URL エンコード/デコードフォーム
2. つぶやきIDを調べます。
   1. Twitterのホーム画面を開きます
   2. 気になるtweetの時間のリンクをクリックします
   3. URLの”http://twitter.com/user/status/11223344556“の数字部分(“11223344556”)

<li>
  &#8220;&up_tweetIds=<span style="font-weight:bold;">id1,id2</span>&#8220;のところに、表示させたいつぶやきIDを並べます<span class="footnote"><a href="/Sirokoix/#f1" name="fn1" title="カンマ区切りで複数並べられます">*1</a></span>
</li>
<li>
  &#8220;&w=400&h=700&#8243;で高さと幅を調整します
</li>

その他のパラーメータについては、ウノウラボ by Zynga Japan: ブログパーツ貼り付けタグのまとめ＋Googleガジェット＠はてなが詳しいです。外枠の色とかサイズが変えられます。