はてなダイアリーにツイートボタンを設置してみた

はてなブログパーツTweetボタンが無いのでGoogleGadgetで作ってみました。
ベタのxmlじゃ芸がないので、今回はガジェットのxmlにパラメータを許容して幾つかのパターンを選べるようにしてみました。
ここでにあるコードをはてダのデザイン編集で、サイドバーの中に貼りつければ「このエントリーをRTする!」みたいなことが出来ますので、試してみてください。

基本形

パラメータがURLエンコードされてて読みにくいですが、count に none, horizontal, vertical のどれかを指定することでTwitterで用意されてる3パターンを使えます。その際タイプに合わせてwとhの値もキチンとコピペしてください。

<script src="http://www.gmodules.com/ig/ifr?url=http://www.kawaz.jp/tmp/gadget/rt.php%3Fcount%3Dnone%26via%3D%26rt%3D&amp;synd=open&amp;w=110&amp;h=20&amp;title=&amp;border=%23ffffff%7C1px%2C1px+solid+%23ffffff&amp;output=js"></script>

<script src="http://www.gmodules.com/ig/ifr?url=http://www.kawaz.jp/tmp/gadget/rt.php%3Fcount%3Dhorizontal%26via%3D%26rt%3D&amp;synd=open&amp;w=110&amp;h=20&amp;title=&amp;border=%23ffffff%7C1px%2C1px+solid+%23ffffff&amp;output=js"></script>

<script src="http://www.gmodules.com/ig/ifr?url=http://www.kawaz.jp/tmp/gadget/rt.php%3Fcount%3Dvertical%26via%3D%26rt%3D&amp;synd=open&amp;w=55&amp;h=62&amp;title=&amp;border=%23ffffff%7C1px%2C1px+solid+%23ffffff&amp;output=js"></script>

RTとかviaも付けてみる

viaパラメータにidを入れると公式推奨?の「via @kawaz」のような文字列がメッセージの後ろに付きます。

<script src="http://www.gmodules.com/ig/ifr?url=http://www.kawaz.jp/tmp/gadget/rt.php%3Fcount%3Dhorizontal%26via%3Dkawaz%26rt%3D&amp;synd=open&amp;w=110&amp;h=20&amp;title=&amp;border=%23ffffff%7C1px%2C1px+solid+%23ffffff&amp;output=js"></script>

viaよりも「RT @kawaz」を頭に付ける方が好みの場合は rt パラメータにidを入れてください。

<script src="http://www.gmodules.com/ig/ifr?url=http://www.kawaz.jp/tmp/gadget/rt.php%3Fcount%3Dhorizontal%26via%3D%26rt%3Dkawaz&amp;synd=open&amp;w=110&amp;h=20&amp;title=&amp;border=%23ffffff%7C1px%2C1px+solid+%23ffffff&amp;output=js"></script>

枠をきれいにする

Google Gadgetsを貼り付けると、wやhの値を小さく指定したらiframeのスクロールバーが出てしまったり、ガジェットの追加ボタンが出ちゃうのがカッコ悪い…、という場合はデザインのスタイルシートに以下を追加しておくと綺麗に出来るのでお好みでどうぞ。

/* Google Gadgetsのスクロールバーを表示しない */
.ig_reset iframe { overflow: hidden; }

/* Google Gadgetsの追加ボタンを表示しない(IEでは効かない) */
table.gadget tr:nth-child(4) { display: none; }

あれ…?

僕が気付いてなかっただけで、Tweetボタン公式で対応してたっ!(>_<;
「ツイートボタン」に対応しました - はてなダイアリー日記
埋まりたい…。