はてなダイアリーにツイートボタンを設置してみた
はてなのブログパーツに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&synd=open&w=110&h=20&title=&border=%23ffffff%7C1px%2C1px+solid+%23ffffff&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&synd=open&w=110&h=20&title=&border=%23ffffff%7C1px%2C1px+solid+%23ffffff&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&synd=open&w=55&h=62&title=&border=%23ffffff%7C1px%2C1px+solid+%23ffffff&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&synd=open&w=110&h=20&title=&border=%23ffffff%7C1px%2C1px+solid+%23ffffff&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&synd=open&w=110&h=20&title=&border=%23ffffff%7C1px%2C1px+solid+%23ffffff&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ボタン公式で対応してたっ!(>_<;
「ツイートボタン」に対応しました - はてなダイアリー日記
埋まりたい…。