はてなダイアリーにtwibbonのブログパーツを埋め込む

なんとzukyuuunがtwibbonのトップページに掲載されました。

zukyuuun - Support now! - Twibbon.com はてなブックマーク - zukyuuun - Support now! - Twibbon.com
そのおかげでこの週末でサポート数が300を超えました。ビックリです。

twibbonのブログパーツ

さて、ページの右下にこっそり書かれているので気がつきにくいかもしれませんが、twibbonにもブログパーツがあります。

しかしscriptタグ形式のためそのままでは、はてなダイアリーに貼ることができません。
でもこのブログパーツ、srcの先でソースを見るとdocument.writeでiframeを動的に書き込んでいるだけです。
実はiframeならGoogleガジェットを使えば、はてなダイアリーにも貼り付けることができます。

手順

1.貼り付けたいtwibbonのページに移動し、以下のブックマークレットを実行します。

javascript:void(function(h){ var s=h.split('/');var u=s[s.length-1];prompt('','<iframe src="http://twibbon.com/embediframe/'+u+'" height="115px" width="80px" frameborder="0" scrolling="no"></iframe>'); })(location.href);

ブログパーツ用のiframeタグが出力されますので、コピーします。


2.以下のページを開き、テキストエリアにコピーしたiframeをペーストしたら、変換ボタン押下。
iframe → Google Gadget コンバータ はてなブックマーク - iframe → Google Gadget コンバータ


3.貼り付け用スクリプトが表示されるのでコピーして、はてなダイアリーに貼り付けます。
デフォルトだと少し大きいので、幅と高さを120*120くらいに調整しましょう。

貼り付け結果:


Googleガジェットについては
はてなダイアリーに(対応外の)ブログパーツを貼る - ぼくはまちちゃん!(Hatena) はてなブックマーク - はてなダイアリーに(対応外の)ブログパーツを貼る - ぼくはまちちゃん!(Hatena)
及び元記事の
はてなダイアリーに任意のiframeを貼り付ける - daily gimite はてなブックマーク - はてなダイアリーに任意のiframeを貼り付ける - daily gimite
を参考にさせていただきました。
ありがとうございます。