ブログにFacebook Badgeつけてみよう！

本業に活かせるFacebook講師とブログ開設サポート
しているくまはちです！

FBMasterくまはちにいいねお願いします。

くまはち趣味の部屋よろしくお願いします。
http://ameblo.jp/908kobe/

最近、サンプルPVの作成などもしています。
http://youtu.be/R9ykvbmpr2Y

記事が多くなったので目次を作ってみました。

さて、今日のお題は、「ブログにFacebook Badgeつけてみよう！」です。

アメブロだけでなくlivedoorやFC２ブログにもバッチリ使えるFacebook Badge
皆さん、ご存知ですか？
スマホで見られてる方のために画像出してみますね。

PCからアクセスされる方は、サイドカラムに表示されてるのでご存知の方も多いですね。
ブログ通して仲良くなった方とFacebookでも交流するためのツールです。
名前をクリックすると自分のタイムラインが表示されます。
スマホの方は、ブラウザよりデスクトップサイトで表示させてください。
https://www.facebook.com/badges/

上記のリンクにアクセスします。

すると上記のようなページが開きます。
画像に書き込んでいますが、赤枠の「プロフィール用バナー」をクリックします。

するとこんな画面に・・・
くまはちは、既に１度作成しているのでプレビューされています。
右上の赤枠の部分をクリックして新規作成します。
下の赤枠「+Other」のボタンをクリックします。

すると、上記のような画面になります。
プロフィールで表示したくない部分のチェックを外してください。
必要なことだけ表示できます。
セキュリティの部分でメールアドレスを表示すると危険と書きましたね。
→　Facebookに登録したメールアドレス隠しましょう

メールアドレスは、必ずチェック外してくださいね。
チェック終わると「保存する」ボタンをクリックしてください。

最後にこの画面になります。
赤枠のテキストボックスの中のコードをコピーします。
アメブロならフリースペースもしくは、フリープラグインに貼り付けます。
FC２ブログでもフリースペースありますね。
いかがですか？
これならHTMLやプログラムに自信ない方でもできますよね。
コピペの後は、必ず表示確認してくださいね。(^-^)