ツイッターやらブログやらで騒がしくなってきたFacebook(フェイスブック)が本当に来るのかどうかは置いておいて、いずれにしてもないよりはあったほうがいいだろうということで当ブログにFacebook(フェイスブック)のいいね!(Like)ボタンを設置することにしました。
以下、その手順。
以下、その手順。
もう、既に多くの人が解説していますがライブドアブログの場合を前提に解説させていただきます。
- まずは以下のサイトにアクセスします。
□ Like Button - Facebook開発者 - 英語なのでちょいと戸惑いますが大丈夫です。
以下のように設定して下さい。 - 「Get Code」をクリックしてできたコードが以下。 <iframe src="http://www.facebook.com/plugins/like.php?href=%3C%24ArticlePermalink%24%3E&layout=button_count&show_faces=true&width=70&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:21px;" allowTransparency="true"></iframe>
- あとは、このコードをmixiチェックの隣あたりに貼り付ければOK。
と思ったんだけどダメでした。
理由は「<$ArticlePermalink$>」がデコードされちゃってるから。
したがって「%3C%24ArticlePermalink%24%3E」を「<$ArticlePermalink$>」に変える。 - ついでに動作確認中にバグを発見したので「width=70」及び「width:70px」をぞれぞれ「width=71」、「width:71px」に変える。
「いいね!」を解除するとなぜかボタンが1pxずれるバグがあるようです。 - 出来上がり。
さらに、ボタンがゴテゴテ増えてきちゃったので、タイトルの後に付く形をやめて、改行させてタイトルの下にまとめて表示させるようにしました。
Facebookの「いいね!」ボタンは他のボタンと違いワンクリックで済むのがいいね!