如何將 Facebook 留言框 加入 Blogger

在BLOG中加入Facebook 留言框 是現在BLOG常用的服務



 1.申請 FaceBook Developers 帳號,新建一個APP,
    去Settings 頁面做設定 其中的Display Name和EMAIL需填寫而Namespace和 App Domains 可以不用填,記得要去Status-Review 頁面 將你的APP開放.

2.去 FB comments box  頁面,填入你的BLOG網址還有顯示的條件後,Get Code 後選擇 XFBML 後可以看到如何將 Code 加入你的WEB中,但加入blogger的後續動作會有些不同.

3. 第一步先打開 Blogger 設定頁 的 範本→HTML 後,在 html tag 內放置  xmlns:fb='http://ogp.me/ns/fb#'

4. 在</body> 前插入以下程式碼

window.fbAsyncInit = function() {
        FB.init({
          appId  : 'app-Id',
          status : true, // check login status
          cookie : true, // enable cookies to allow the server to access the session
          xfbml  : true,  // parse XFBML
          oauth: true
        });

        (function(d){
 var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/zh_TW/all.js";
 ref.parentNode.insertBefore(js, ref);
        }(document));

5.搜尋字串,在後面插入以下code

儲存範本,如果成功就能在發布文章中看到 FB Comment box ..