BloggerにFacebookの新コメントシステムを実装する

Facebookの新しいコメントシステムが面白い。
こっち（Blogger）でコメント書いても。
あっち（Facebook）でお返事をもらっても。
双方向で書き込みが表示され読むことが出来ますな。
それぞれURLなどが紐付けされていてとても興味深いです。
さっそくBloggerに導入してみました。(^^)


やり方を書きますね

1. http://developers.facebook.com/setup/ にアクセス。
2. 
   
   サイト名はご自由に。（ボクはSUPER BLOG.JPにしました。）
   URLはhttp://www.superblog.jp/　ですね。
   んでCreate appを押す。
3. そしたらApp IDってのが発行されますので。
   
   この黄色にした数字をコピーしておく。
4. んで次は
   http://developers.facebook.com/docs/reference/plugins/comments/
   にアクセス。
   
   「Get Code」を押す。
5. こんな表示が出るのでコピー
   
6. その次はBloggerのほうに移動して。
   「デザイン」→「HTMLの編集」→「ウィジェットのテンプレートを展開」をチェックする。
   んでソースの中で「<b:includable id='comments' var='post'>」を検索する。
7. んでその次の行に5.のソースをコピペして
   <div id="fb-root"></div>
   <script src="http://connect.facebook.net/en_US/all.js#appId=あなたのAppID&amp;xfbml=1"></script>
   <fb:comments href="example.com" num_posts="2" width="500"></fb:comments>
   これをそのままじゃBloggerでは使えないので以下のように書き換える。
   
   <div id='fb-root'/>
   <script src='http://connect.facebook.net/ja_JP/all.js#appId=あなたのAppID&amp;xfbml=1'/><fb:comments expr:href='data:post.url'/>
8. あとはテンプレートを保存して終わり。
   個別記事を見ると…
   
   こんな感じで表示されます。
   就職先を書いてないと卒業した学校が表示されて恥ずかしいです。（笑）
   ノリ的に言えば「どこのどいつだ？」っていう感じで所属する組織を必ず表記するみたいですね。
   これはそのうち変更されるんだろうと期待。
   まあ、とにかく双方向なので楽しいです。
   しばらく使いますよ！

http://www.superblog.jp/2011/03/bloggerfacebook2.html
に続く！！