Khung bình luận Facebook mới cho Blog


#Tạo một app trên Facebook

Để tạo được một app, mời bạn hãy xem bài blog trước của mình : Cập nhật cách tạo apps Facebook 2014.
Chúng ta cần ghi nhớ ID của app

#Tạo comment Facebook

1. Tìm thẻ <html và thay thành <html xmlns:fb='http://www.facebook.com/2008/fbml'
2. Tìm thẻ </body> và thêm đoạn scrip dưới vào trên nó

<div id='fb-root'/> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
      appId  : &#ID APPS FACEBOOK&#39;, 
      status : true, // check login status 
        cookie : true, // enable cookies to allow the server to access the   session 
      xfbml  : true  // parse XFBML 
    }); 
  };
    (function() { 
    var e = document.createElement(&#39;script&#39;); 
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;; 
    e.async = true; 
      document.getElementById(&#39;fb-root&#39;).appendChild(e); 
    }()); 
</script>
3.Tìm thẻ </head> và thêm vào trên nó code dưới
<meta expr:content='data:blog.pageTitle' property='og:title'/> 
<meta expr:content='data:blog.url' property='og:url'/> 
<meta content='Khanh's blog' property='og:site_name'/> 
<meta content='liên kết logo blog' property='og:image'/> 
<meta content='YOUR_APP_ID ' property='fb:app_id'/> 
<meta content='liên kết tới trang Facebook' property='fb:admins'/> 
<meta content='article' property='og:type'/>
4.Tìm đoạn
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
Chèn dưới nó doạn code sau
<div class='fb-comments' data-colorscheme='light' data-href='http://yeupas.blogspot.com' data-numposts='5' data-width='600'/>
Thay light thành dark nếu muốn skin màu đen

Comments

  1. <html xmlns:fb='http://www.facebook.com/2008/fbml' không cần thiết cho html5 nhé với lại app facebook có hổ trợ code HTML5 rồi mà bạn

    ReplyDelete
    Replies
    1. ờ, lúc làm demo mình cũng bỏ qua bước này và nó hoạt động tốt, nhưng các blogger khác đều viết vậy nên thêm vào cho chắc.

      Delete

Post a Comment



» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.