Chèn khung Comment Facebook cho Blogspot / Website

Chèn khung Comment Facebook cho Blogspot / Website

THURSDAY, MARCH 20, 2014

1- Đăng nhập vào blog

2- Chọn mẫu (Template)

3- Chọn chỉnh sửa HTML (Edit HTML)

4- 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>

5- Tìm một trong các đoạn code như sau:

- Đoạn 1:

<div class='post-footer'>

- Đoạn 2:

<div class='post-footer-line post-footer-line-1'>

- Đoạn 3:

<div class='post-footer-line post-footer-line-2'>

- Dán ngay vào sau một trong các đoạn code vừa tìm được đoạn code sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:href='data:post.url' data-width="650" data-num-posts="10"></div>
</b:if>

Trong đó:
data-width="650" là chiều rộng của khung nhận xét facebook.
data-num-posts="10" Là số comment sẽ hiển thị trên khung nhận xét.