Chèn Facebook Comment phiên bản mới nhất cho Blogger (Blogspot)

Vào khoảng cuối tháng 3 vừa rồi, Facebook Comment đã ra phiên bản mới Graph API v2.3. Và đến 23/6/2015, Facebook sẽ chính thức ngừng hoạt động phiên bản comment cũ để đưa phiên bản v2.3 vào hoạt động. Những phiên bản cũ nếu không cập nhật thì cũng được Facebook tự động nâng cấp lên phiên bản mới. Xem thêm thông tin tại đây.
Để sử dụng phiên bản mới cùng với việc đồng bộ hơn về code, mình sẽ hướng dẫn các bạn tự nâng cấp Facebook Comment phiên bản mới nhất cho Blogger (Blogspot).

Đầu tiên, hãy xem qua bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)

Bước 1 và Bước 3: Vẫn giống như bài viết cũ

Bước 2: Chúng ta sẽ chỉnh sửa đôi chút
Phần đầu của Bước 2 các bạn vẫn làm như hướng dẫn cũ. Chỉ thay thế từ chỗ này:

Thêm đoạn code sau 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/vi_VN/sdk.js#xfbml=1&amp;version=v2.3&amp;appId=Mã ứng dụng";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết, có 2 cách để thực hiện.
Cách 1: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>

Cách 2: Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'> (Thẻ này nằm trong phần <b:includable id='post' var='post'>)
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>

data-colorscheme="light" : màu của khung bình luận, facebook cung cấp 2 giao diện là lightdark
data-numposts="5" : số bình luận hiển thị
data-width="640" : kích thước chiều ngang của khung bình luận

Vậy là xong, ta Lưu Mẫu lại.

DXOan

Đây chính là tôi với sự bùng nổ của những giấc mơ. Tôi thích khám phá và chia sẻ những điều mới mẻ. Hãy đồng hành cùng tôi nhé ! 😁😘😍 - Con đường tôi đi là con đường tôi chọn - 😎😂✌ facebook twitter pinterest youtube external-link

8 Comments

Vui lòng đưa ra những nhận xét tích cực, mang tính xây dựng.*

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. www.bkopen.com gia sư Hà Nội

    ReplyDelete
  3. Được! Nhưng nó không hiện số tin nhắn trên APP Fb

    ReplyDelete
  4. There are no comments to review right now.

    ReplyDelete
  5. This comment has been removed by a blog administrator.

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
Previous Post Next Post

AdBlock Detected!

Phát hiện trình duyệt đang sử dụng AdBlock. Vui lòng tắt AdBlock để có thể xem nội dung cũng như ủng hộ tác giả. DXOan xin cảm ơn. Chúc bạn một ngày vui vẻ !