Facebookのいいね!ボタンを設置してみた

はてなスターmixiチェックTweetボタンはてブに追加するボタンに引き続き、Facebookが提供する「いいね!」ボタンを設置してみました。

ボタンを設置するためのコードは、Facebook DEVELOPERSLike Buttonページで生成します。
いくつかの選択肢に答えて「Get Code」ボタンを押すだけで、コードが取得でき、それをブログの好きなところに貼るだけでいいねボタンが設置できます。
コードには、iflame版とXFBML版がありますが、iflame版の方が評判がいいようですね。1

ところが、ここで作ったデザインは、どうもこのブログにはマッチしません。
現在右上に各種ボタンを置いているのですが、Facebookの「いいね!」ボタンは、ボタンの右にいいね!された数を表示するための余白があり、右揃えで配置するには向かないようです。
また、数をボタン上部に表示するデザインもありますが、これでは他のボタンと縦幅が揃いません。

というわけで、いっそのこと、一番多くの情報を表示する設定にして、記事の下に表示することにしました。
ぱっと見分かりづらいですが、記事を最後まで読んでくれた方ならきっとその存在に気付いてくれるはず!

  1. 噂ではXFBML版はうまく機能しないときがあるのだとか。

コメントを残す