Cách thêm comment facebook cho Blogspot

Bước 1 - Đăng nhập vào blog => setting

Bước 2 - Chọn mẫu (Template)

Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)

Bước 4 - Tìm đến thẻ </body>. bằng cách (seach "Ctrl+F") Thêm đoạn mã bên dưới vào trước thẻ </body>.

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Và đoạn code sau lên trên thẻ đóng </head> cũng bằng cách (seach "Ctrl+F")

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>

Lưu ý : Các bạn thay

data-num-post=5 : là số comment hiển thị. Nếu quá số lượng sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment


Bước 5 - Tìm đến đoạn code sau: <b:include data='post' name='post'/>

- Rồi thêm ngay dưới nó đoạn code sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Lưu lại vậy là Xong !
Nếu các bạn muốn bỏ phần comment của (google +) Có 2 cách sau.
Cách 1: Đăng nhâp blog => Cài đặt => Bài đăng và nhận xét => Phần vị trí nhận xét bạn chọn ẩn vậy là xong (vẫn còn giữ lại đc code để sau này dùng).
Cách 2: tìm đến đoạn code dưới và xóa đi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- navigation -->
  <b:include name='nextprev'/>
  <b:include data='post' name='comment_picker'/>

</b:if>

(Khuyến cáo không nên dùng cách này vì sẽ không sử dụng lại được module đó nữa)