Blogger にFacebookの「いいね」ボタンをつける

ここのブログの記事の下にあるようなFacebookへの「いいね！」ボタンをつけるにはFacebook Like Button For Bloggerで解説されている手順でつけることができる。

やり方の概要は上記ページに描いてありますが以下のとおりです。
テンプレートのHTMLを直接変更するので壊さないように、元のHTMLをいったんテキストエディタなどに退避して保存しておいたほうが安全だと思います。

1. 上記のページを開きページ中ほどのHTMLコードをコピーする。


2. Blogger管理ページの「デザイン」タブを選択


3. 「HTMLの編集」を選択する


4. 「ウィジェットのテンプレートを展開」にチェックを入れる


5. HTMLコードの中に>data:post.body/<という部分があるので、その下にコピーしたHTMLコードを貼り付け


6. HTMLコードの先頭部分のhtmlタグの中に属性 xmlns:fb="https://www.facebook.com/2008/fbml"を追加する


7. 「テンプレートを保存」を押す

これで、各記事の下にLike!とSendの2つのボタンがつくようになる。

ボタンのラベルを日本語のいいねにするには、コピーしたコード中のen_USをja_JPにかえる。

この行を…

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

こうします。

js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";

ひとつ困ったことは、FacebookとBloggerの相性が悪いのか本文が正しく展開されず投稿の本文にjavascriptコードが表示されてしまう。これは何とかならないだろうか…