TweetMemeをBloggerに導入する方法

BloggerにReTweet(リツイート)のボタンを追加する方法です.
今回は "tweetmeme" のReTweetボタンを使ってみます.

公式サイトにも設置方法が書いてありますが, その方法だと記事下部に表示されてしまいます.
ということで今回は記事上部のタイトル下にボタンを表示する方法をご紹介します.

1. ダッシュボードから「レイアウト」を開く
2. 「HTMLの編集」を開く
3. 「ウィジェットのテンプレートを展開」にチェックを入れる

4. 次の1文を見つける (macならcmd+fで検索すれば早い)

<div class='post-header-line-1'>

5. 直下に下記のコードを入力して保存

通常サイズの場合


(このサイズ)

<span style="float: right; margin: 5px 5px;">
<script type='text/javascript'>
tweetmeme_url='<data:post.url/>';
tweetmeme_source ='自分のtwitterID';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</span>

コンパクトサイズの場合
(当記事右上のボタンと同じサイズ)

<span style="float: right; margin: 5px 5px;">
<script type='text/javascript'>
tweetmeme_url='<data:post.url/>';
tweetmeme_style = 'compact';
tweetmeme_source ='自分のtwitterID';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</span>

6. 「テンプレートを保存」する.

このような手順でReTweetボタンをBloggerに導入できます.
ちなみに, 通常は専用のエディッターを使って簡単に導入できるのですが...
当ブログのようにテンプレートを独自に制作/修正/カスタマイズしていたり,
テンプレートサイトから拝借した場合などは専用エディッターが使えない場合があります.
そんな時は今回ご紹介した方法を使ってみると良いかもしれません.