2009.08.14 Friday
Twitterつぶやき用のボタンを追加しました
勝間和代さん(@kazuyo_k)やヒウィッヒヒーの作者広瀬香美さん(@kohmi)もつぶやき始めて話題になっているTwitterですが、ブログエントリーをTwitterで簡単につぶやいてもらえるボタンを設置してみました。場所は、エントリー記事の最後、“| trackbacks(0) |”の隣で、緑のReTweetというボタンです。
オリジナルは、John Resigさんという方が配布されています。
※日本語ではグーグルアナリティクス・セミナー講師さんのブログで解説されてます。
オリジナルは、John Resigさんという方が配布されています。
100% Open Source This script is released under the MIT license and is completely open to modification and redistribution. The full source is available on Github.と言うことですので、以下の手順で設置してみました。
※日本語ではグーグルアナリティクス・セミナー講師さんのブログで解説されてます。
(1)John Resigさんのサイトから、オリジナルのコードをコピペ。
ソースコードはhttp://ejohn.org/files/retweet.jsを参照。※JavaScriptファイルなのでリンクは張りません。
(2)コードを何箇所か書き換え。私が書き換えたのは(確か…)以下3箇所
・// Your Bit.ly Username
→“bitly_user:”を自分のアカウント名に
・// Your Bit.ly API Key
→bitly_key:”を自分のbitlyアカウントのAPI Keyに
・@jeresig→@自分のTwitterのアカウントID
(3)書き換えたJavaScriptファイルを保存、サーバにアップ
(4)＜head＞内にJavaScriptファイルの保存場所を記載
(5)ブログテンプレートにReTweet用ボタンのコードを追加
ちなみに追加したコードは↓、表示されるように＜＞全角にしています
＜!-- Twitter --＞
＜a class="retweet" href="{entry_permalink}" title="[BLOG]{entry_title} from gluelogics.com"＞＜/a＞
＜!-- /Twitter --＞
と、いう感じで設置出来ました。若干駆け足で書いたので抜けがあったらすみません。その際は、コメントかTwitterでご指摘いただけるとうれしいです。
まだつぶやいてない方は、これを機に登録してつぶやいてみましょう！
ソースコードはhttp://ejohn.org/files/retweet.jsを参照。※JavaScriptファイルなのでリンクは張りません。
(2)コードを何箇所か書き換え。私が書き換えたのは(確か…)以下3箇所
・// Your Bit.ly Username
→“bitly_user:”を自分のアカウント名に
・// Your Bit.ly API Key
→bitly_key:”を自分のbitlyアカウントのAPI Keyに
・@jeresig→@自分のTwitterのアカウントID
(3)書き換えたJavaScriptファイルを保存、サーバにアップ
(4)＜head＞内にJavaScriptファイルの保存場所を記載
(5)ブログテンプレートにReTweet用ボタンのコードを追加
ちなみに追加したコードは↓、表示されるように＜＞全角にしています
＜!-- Twitter --＞
＜a class="retweet" href="{entry_permalink}" title="[BLOG]{entry_title} from gluelogics.com"＞＜/a＞
＜!-- /Twitter --＞
と、いう感じで設置出来ました。若干駆け足で書いたので抜けがあったらすみません。その際は、コメントかTwitterでご指摘いただけるとうれしいです。
まだつぶやいてない方は、これを機に登録してつぶやいてみましょう！
