Blogger用Facebookボタンを簡単設置

いいね！も作りました。Ardor(@ArdorOnline)です。
"Blogger記事にFacebookボタンを設置する方法"で、
Facebookのいいね！ボタンを設置する方法をご紹介しました。
「他のタイプも簡単に設置できませんか？」とお話を頂いたので、
簡単に設置できるものをご用意しました。

いいね！ボタン作成

ボタンタイプを選択するとコードが変更されます。
コードは、Blogger用に変更してあります。
あとはBloggerテンプレートに貼り付けるだけです。
また、Javascript SDKはテンプレートの一箇所に貼り付けるだけでOKです。

標準
横に吹き出し
上に吹き出し

Blogger用いいね！ボタンコード <div class="fb-like" expr:data-href='data:post.canonicalUrl' data-send="false" data-layout="box_count" data-width="450" data-show-faces="true" data-font="arial"></div>
Facebookボタン Javascript SDK <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>

注意事項
利用の際にはJavascriptを有効にしてください。
Facebookの仕様が変わることもあります。
動作ない場合は、公式ページをご利用ください。
公式:Like Button - Facebook開発者

最後に

いいね！ボタンを設置できましたか？
他のボタンについても、ご要望があれば対応していこうと思います。

最後までお読み頂きありがとうございます。

• 
• ツイート

RSSリーダーで購読する

公式アカウントで更新情報をチェック！

@asterlistさんをフォロー

筆者のつぶやきはこちら

@ArdorOnlineさんをフォロー