ブログにFacebookの「いいね!」ボタンをつける方法【ライブドアブログ編】

1年以上前の記事です。内容が古い可能性があります。

1. まずは以下のサイトにアクセスします。
   □ Like Button – Facebook開発者
   
2. 英語なのでちょいと戸惑いますが大丈夫です。
   以下のように設定して下さい。 
   
3. 「Get Code」をクリックしてできたコードが以下。 
   <iframe src="http://www.facebook.com/plugins/like.php?href=%3C%24ArticlePermalink%24%3E&amp;layout=button_count&amp;show_faces=true&amp;width=70&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:21px;" allowTransparency="true"></iframe> 
4. あとは、このコードをmixiチェックの隣あたりに貼り付ければOK。
   と思ったんだけどダメでした。
   理由は「<$ArticlePermalink$>」がデコードされちゃってるから。
   したがって「%3C%24ArticlePermalink%24%3E」を「<$ArticlePermalink$>」に変える。
5. ついでに動作確認中にバグを発見したので「width=70」及び「width:70px」をぞれぞれ「width=71」、「width:71px」に変える。
   「いいね！」を解除するとなぜかボタンが1pxずれるバグがあるようです。
6. 出来上がり。

さらに、ボタンがゴテゴテ増えてきちゃったので、タイトルの後に付く形をやめて、改行させてタイトルの下にまとめて表示させるようにしました。

Facebookの「いいね！」ボタンは他のボタンと違いワンクリックで済むのがいいね！