FacebookのLike(いいね)の設置とカスタマイズ

SNS「Facebook」のLikeボタン(いいねボタン)をFC2ブログとワードプレスとに設置する方法とカスタマイズの方法です。

FC2にFacebookのLikeボタンを設置するには次のタグになります。

<iframe src="http://www.facebook.com/widgets/like.php?href=<%topentry_link>" scrolling="no" frameborder="0" style="border:none; width:400px; height:30px;"></iframe>

ワードプレスにFacebookのLikeボタンを設置するには次のタグになります。

<iframe src="http://www.facebook.com/widgets/like.php?href=<?php the_permalink(); ?>" scrolling="no" frameborder="0" style="border:none; width:400px; height:30px;"></iframe>

このままでは、Likeボタンの右横に表示される『友達に「いいね!」と言っている人はまだいません。』という文章をが表示されます。

この文章を消すためにCSSをカスタマイズしてみたのですが、iframeを使用しているためダメでした。FacebookのLikeボタンをソーシャルアイコン化できれば、改めてカスタマイズ方法を紹介します。

関連記事