Home » » Hướng dẫn chèn bình luận Facebook vào Blogspot

Hướng dẫn chèn bình luận Facebook vào Blogspot

Như các bạn cũng đã biết, bình luận là một trong nhưng tính năng không thể nào thiếu được đối với một website. Nó giúp chúng ta tương tác được với người dùng cực kỳ hiệu quả. Hôm nay mình đóng góp bài viết này hướng dẫn mọi người cách chèn bình luận Facebook vào Blogspot.

Bước 1: Tạo App Facebook để chèn bình luận vào Blogspot


Truy cập https://developers.facebook.com/quickstarts/?platform=web giao diện cơ bản sẽ như hình minh họa bên dưới.
Hướng dẫn chèn bình luận Facebook vào Blogspot
Gõ tên ứng dụng (hoặc tên website của bạn) vào ô tương tự bên trên. Tên gì cũng được không quá quan trọng nhé!

Sau khi đã điền tên xong, bạn nhấp vào Create New Facebook App ID. Bạn tiếp tục lựa chọn 1 mục phù hợp rồi nhấp vào Creat App ID nhé.

Hướng dẫn chèn bình luận Facebook vào Blogspot
Sau đó nhấp vàò Skip Quick Start ở bên góc phải của giao diện để nhận ID App vừa tạo.

Bước 2: Chèn Facebook Comment vào Blogspot


Đăng nhập Blogger -- Vào Mẫu -- Chỉnh sửa HTML

Thêm dòng code sau vào thẻ <html... (Thẻ html này nằm ở ngay đầu Mẫu)

xmlns:fb='https://www.facebook.com/2008/fbml'

Thêm thẻ meta sau vào trước thẻ </head>


<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Facebook user ID' property='fb:admins'/>

Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1
Thay Facebook user ID bằng ID tài khoản Facebook của bạn

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à light vàdark
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.

Bước 3: Quản lý bình luận Facebook trong Blogspot


Truy cập https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn để quản lý bình luận facebook trên blog.

Hy vọng với bài viết Hướng dẫn chèn bình luận Facebook vào Blogspot sẽ giúp ích được mọi người trong việc quản lý website.
Chia sẻ :

Hướng dẫn chèn bình luận Facebook vào Blogspot

Hướng dẫn chèn bình luận facebook vào blogspot, chèn bình luận facebook vào website, chèn bình luận facebook vào blogger, chèn comment facebook vào blogspot, chèn comment facebook vào website, chèn comment facebook vào blogger, cách thêm bình luận facebook trong blogspot

Bài viết liên quan

Item Reviewed: Hướng dẫn chèn bình luận Facebook vào Blogspot 9 out of 10 based on 10 ratings. 9 user reviews.

Không có nhận xét nào: | Bình luận

THIẾT KẾ WEBSITE NỀN TẢNG BLGOSPOT CHUYÊN NGHIỆP

  • Tư vấn

    skypelomlun

  • Tư vấn

    skypelomlun

  • Tư vấn

    skypelomlun