このスクリプトは、Tosshi のメモ書き 公開されています。
ソースは、ほぼ、コピーペーストなので、技術的な新鮮さは、このドキュメントにはありません。

ガジェットについては、google ガジェットの作り方が参考になりました。

このドキュメントは、jQuery memo
サンプルとして、どういう風にしてそれをやったか。をメモに残したものです。

上記の2ページを読めば、きっと誰でも作れます。
また、さらに知りたいことが出てきたら、参考になりそうなリンクもあげておきます

なぜ、googleガジェットなのか

googleガジェットは、iGoogle等への、コンテンツの配布手段に使うことが多いと思いますが、hatenaでは、javascriptを直接利用することができません。ただ、googleガジェットは許可されているので、利用することにしました。

Google Feed API + jQueryなのか

jQueryの勉強中だからです

Google Feed APIは、phpなどのサーバサイドのテクニックを使わなくても、自由にフィードを利用できるのが便利そうだったためです。簡単で応用が利くものが好きです。

hatenaダイアリサービス特有の制限が、何とか緩和されないかなと思いながら、でも、許可しない姿勢は評価できるので、はてなを利用しています。jQueryの勉強をする過程で、こんなやり方でjavascriptが利用できるんだ。ということを知り、Google Feed APIと、jQueryを使って、rssなどのフィードを、簡単に、hatenaに導入できるんだという、アイディアを、Tosshi のメモ書き で、拝見して、その真似をしてみることにしました

ガジェットのソース

<tbody>
<tr>
<td colspan="2" style="vertical-align: bottom; text-align: center; width: 100%;">
<span class="ig_lgbluetext">hateB banzan</span> </td>
</tr>
<tr>
<td style="height: 2px;"> </td>
</tr>
<tr>
<td colspan="2">
<div style="border: 1px solid rgb(153, 153, 153); padding: 3px; background: white none repeat scroll 0%;">
<iframe src="http://gmodules.com/ig/ifr?url=http://www.tenman.info/hatena/gaz.xml
&synd=open
&w=400
&h=400
&title=hateB%20banzan
&border=%23ffffff%7C3px%2C1px+solid+%23999999
&source=xmlファイルのパス" style="display: block;" frameborder="0" height="400" scrolling="no" width="400">
</iframe>
</div>
</td>
</tr>
<tr>
<td style="text-align: left;">
<div style="height: 20px;" id="left_1718954523">
<a target="_top" href="http://fusion.google.com/ig/add?synd=open&source=ggyp&moduleurl=http://www.tenman.info/hatena/gaz.xml">
<img style="border: 0pt none ; height: 17px; width: 68px;" src="http://gmodules.com/ig/images/plus_google.gif">
</a>
</div>
</td>
<td style="text-align: right; vertical-align: middle; height: 18px;">
<div id="right_1718954523">
<a target="_top" style="font-size: 10px; color: rgb(0, 0, 204); text-decoration: underline;" href="http://www.google.com/webmasters/gadgets.html"> Gadgets</a>
<span style="font-size: 10px; color: rgb(0, 0, 204);"> powered by Google</span>
</div>
</td>
</tr>
</tbody>