Blogにretweetボタンを追加した

少し前に、このBlogにShare機能を追加したと書いた。
今回はさらに、このBlogの内容をretweetするボタンを加えた。
本文の書き出しの右側にRetweetのボタンがあるはずだ。
（誰もretweetしてないせいだろう、現時点ではretweetではなくtweetボタンなのはご容赦）。

Blogspotの管理画面内にあらかじめボタンが用意してあるわけではない。
retweetボタンの追加は、Sociableを使ったShare機能の追加よりは少し難しいが、毎日のtweetをまとめてこのBlogに公開するのよりは簡単だ。


具体的な作業は、AllBlogTools.comというBlogger向けのを集めているWebサイトに書いてある。

「How To Add Retweet Button To Blogger (Blogspot ).」という記事の通りに進めればいい。

Bloggerの管理画面にあるレイアウトのタブをクリックし、移動した画面で「HTMLの編集」をクリックする。
この画面「テンプレートの編集」の下に、blogテンプレートのHTMLのコードが書き込んである。
ここで前もって、右上にある「ウィジェットのテンプレートを展開」というボックスをチェックしておく。
次に、テンプレートのHTMLのコードから、div class='post-header-line-1'/、見つからなければ、data:post.body/、で検索する。
見つかったら、<>で囲まれているこれらのコードの次に、
「How To Add Retweet Button To Blogger (Blogspot ).」のコードをコピペすればいい。
コードは「Normal Left」「Normal Right」「Compact Left」「Compact Right」の4種類がある。
私は右上にretweetボタンを表示したかったので、「Normal Right」用のコードを使った。左上にボタンを表示したければ「Normal Left」と書いてある部分の下のコードを、何人がretweetしたかを示す部分を消して小さくしたボタンを表示したければ、「Compact Left」（左上に表示）か「Compact Right」（右上に表示）からコピペする。ただしコードの your_twitter_usernameの部分は、自分のTwitterアカウントに書き換える必要がある。
私は、TwitterのアカウントであるKensukeNakamuraに書き換えた。
あとはテンプレートを保存のボタンを押せばいい。

これで終わりだ。分かっていれば作業自体は数分で終わる。
このblogを読まれた方は、よければretweetボタンを押してほしい。