Cách chèn comment của facebook vào mẫu blogger quyền admin

{tocify} $title = {Mục lục bài viết}

Hôm nay cuahangtemplate xin giới thiêu với các bạn thủ thuật mới
Hướng dẫn cách chèn Commnet  của Facebook  vào mẫu blogger theo cách đơn giản nhất.

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

https://web.facebook.com/insights

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 comment của facebook vào blogger / blogspot

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  Ta  muốn chèn khung bình luận vào vị trí cuối bài viết

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

htttp://facebook.com/ username

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

nguồn bài  nhatthienkt

Nếu có thắc mắc, hãy để lại comment phía dưới nhé, admin của cuahangtemplate.com sẵn sàng trợ giúp bạn
chúc các bạn thành công!!