WEB帳
Facebook（フェイスブック）いいね（Like）ボタンを設置してみました

Facebookのいいねボタンは、色々カスタマイズが出来るようですが今回は２つのコードを張り付けるだけの簡単な方法で設置しようと思います。
まず、１つ目のコードはタグの直後にセットして、もう１つはボタンを設置したい場所にセットするだけでＯＫです！

</body>タグの直後にセット

<!-- Facebook -->
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

いいね！ボタンを設置したい場所にセット

<div class="fb-like" expr:data-href="data:blog.url" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"/></div>

いいね！ボタンのレイアウト

いいね！ボタンのレイアウトは、４種類用意されているようで、上記のコードにもセットされているdata-layout属性を変更する事により切り替わります。

【参考Webサイト】

• これいいね！Facebookいいね(Like)ボタンを設置する方法

コメント（0件）

Facebook（フェイスブック）いいね（Like）ボタンを設置してみましたに対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。

【ソーシャルボタン】

• 
• Tweet