4/27/2016

Hướng dẫn chèn comment facebook vào blogspot quyền admin 2016

Nguyễn Nhật Thiên | 4/27/2016|

Nhatthienkt.net - Thủ thuật Blogger- Blogspot tuần này hướng dẫn cách chèn Commnet (khung bình luận) của Facebook (fb) vào blogspot theo cách đơn giản nhất.


Yêu cầu:

- Nếu bạn có page facebook thì tốt.
Trang facebook của mình: 

Bước 1: Tạo app và lấy ID cho trang

1.1. Đăng nhập vào Facebook và truy cập trang
1.2. Bấm vào Create APP

1.3. Chọn WWW

1.4. Nhập tên App và bấm Create New Facebook App ID

1.5. Tùy chọn như hình

1.6. Bạn sẽ nhận được đoạn mã 
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '561754050673848',
      xfbml      : true,
      version    : 'v2.8'
    });
  };

  (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/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
- Thay màu đỏ thành ID ứng dụng của bạn


Bước 2: Cài đặt cho website/blogger

2.1. Vào cài đặt Theme trong blogspot

2.2. Thêm code facebook vào blogger
Tìm đến thẻ

</body>
 và thêm đoạn mã ở bước 1.6 vào phía trên nó.

2.3. Thêm khung bình luận facebook vào bài viết

Ở đây nếu bạn muốn chèn khung bình luận vào vị trí cuối bài viết thì xem cách dưới đây. Nếu không bạn có thể chèn bất cứ vị trí nào bạn thích.:))

Tìm đến thẻ

<data:post.body/>
Và chèn code dưới đây sau nó. Chú ý bạn sẽ tìm thấy vài thẻ như trên, hãy lần lượt thay thế, đúng vị trí mới hiện thị.
<div class='fb-comments' data-num-posts='5' data-width='100%' expr:href='data:post.canonicalUrl'/> 

Thay các thông số phù hợp:
data-num-posts='5' : Tức là chỉ load tự động 5 bình luận
data-width=  : Độ rộng của khung bình luận
2.5. Thêm thuộc tính quản trị (tức thêm thẻ Meta)

<meta content='561754050673848' property='fb:app_id'/>
<meta content='100001822631280' property='fb:admins'/>
<meta content='https://www.facebook.com/561754050673848/' property='article:publisher'/>
<meta content='https://www.facebook.com/100001822631280/' property='article:author'/>

Thêm các thẻ Meta trên sau thẻ 

<head>

Thay màu đỏ thành ID app của bạn đã làm ở bước 1.6
Riêng fb:admins (màu xanh) là ID facebook cá nhân của bạn.

Tìm ID facebook cá nhân của bạn bằng cách sử dụng trang web Lookup-id.com
+ Nhập link facebook của bạn

+ Bấm nút Lookup để nhận ID


Vậy là xong rồi nhé, khung commnet của bạn sẽ như thế này


Nếu đến đây bạn vẫn không hiện thị được khung comment bạn hãy xem trang web của bạn có bị Facebook chặn không? Nếu bị chặn domain thì nó không cho hiện khung bình luận. Mặc khác với blogspot thì HTML phải đầy đủ như dưới (version='2' class='v2' hoặc version='1' class='v1' đều được)

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' lang='vi' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Lời kết: Trên đây là cách chèn commnet facebook vào Blogger-Blogspot cập nhật mới nhất, các bạn tham khảo thêm và góp ý nếu có thắc mắc.
Cập nhật
Nhiều bạn vẫn không thể nhìn thấy thông báo bình luận trên Facebook khi có người comment facebook trên website. Bạn hãy chắc chắn đã thực hiện cài đặt 2 nội dung sau.
Thứ 1: Bạn vào https://developers.facebook.com/tools/comments/
Lựa chọn ứng dụng app, ví dụ:

  • Thủ Thuật Hay
  • ID ứng dụng 561754050673848

Thứ 2: Bạn nhấp vào cài đặt chọn Bật thông báo
Hướng dẫn chèn comment facebook vào blogspot quyền admin 2016
- Tiếp theo chuyển qua tab Moderators
- Nhập tên người quản lý và thêm vào đây
- Cuối cùng lưu lại.
Hướng dẫn chèn comment facebook vào blogspot quyền admin 2016
Chúc các bạn thành công!