Google Blogger に Facebook「いいねボタン」を設置する手順の覚書。
まずは
Like Button からコードを取得する。今回は IFRAME を選択。
取得したコード:
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fimaginary-day.blogspot.com%2F&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
上記のままだとサイト全体のカウント数が表示されるので、個別記事ごとのカウントに変更するため URL の赤い部分を修正します。
<iframe allowTransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:21px;'/>
あとは表示したい場所にコードを挿入すれば完了です。