ブログにRetweetボタンをつける
ブログにRetweetボタンをつけてみました。John Resig - Easy Retweet Buttonが出典もとです。
日本語での解説はasterisk* | ブログに「Twitterに送る(Retweet)」ボタンを追加するにありました。解説そのままですが、若干補足です。
スクリプト
RT @TwitterID <ブログ名>:<記事のタイトル> サイト記事URI(bit.lyによる短縮URI)
具体的には、
RT @h_shikida せんむの技術ブログ:ブログにRetweetボタンをつける http://bit.ly/3e1WdA
としたかったので、retweet.jsをi次のように変更します。prefixに自分のIDを入れるだけです。
prefix: "RT @TwitterID ",
テンプレート
テンプレート中のRetweetボタンのタグを、
<a href="<$MT:EntryPermalink$>" class="retweet"><$MT:EntryTitle$></a>
を以下のようにします。
<a href="<$MT:EntryPermalink$>" class="retweet"><$MT:BlogName$>:<$MT:EntryTitle$></a>
スタイル
retweet.js内に、スタイルシートも記述されているので必要に応じて書き替えてください。このあたりはお好みでどうそ。
それから、ReTweetプラグインもありますが、bit.lyバージョンは私の環境ではエラーが出てうまく導入できませんでした。
- 【2009-11-06 追記】
- JavaScript多用しまくっているので、できればプラグインで対応したいので、ReTweetプラグインについては、エラーの原因突き止めてインストール出来たらまた報告します。
- 【2009-11-08 追記】
- エラーの原因がわかりReTweetプラグインがンストール出来ました。「簡単にReTweetボタンが設置できるReTweet 0.3 プラグイン」
コメント