Hướng dẫn chèn comment facebook cho blogspot | Bình Minh SKY
 

Hướng dẫn chèn comment facebook cho blogspot

Hướng dẫn chèn comment facebook cho blogspot


Thường thì khi các bạn vào website nào đó các bạn thường thấy những dòng coment facebook ngay tại website đó, từ website lớn đến website nhỏ đều gắn cho mình app comment facebook nhằm tạo ra độ tương tác với mạng xa hội nhiều người dùng kết hợp với website . Nếu bạn là người chưa biết chèn comment cho blogspot vậy thì để mình hướng dẫn cho bạn.


Tạo ứng dụng comment cho blogspot

- Truy cập vào địa chỉ sau của facebook (nhớ là phải đămg nhập facebook nhé ) 
   https://developers.facebook.com/

-Click vào Apps --> Add a new app


Hướng dẫn chèn comment facebook cho blogspot


-Sau đó hiện một bảng rồi Click vào Advanced Setup bạn hoàn thành thông tin sau:


Hướng dẫn chèn comment facebook cho blogspot
Hướng dẫn chèn comment facebook cho blogspot


-Chọn Create App ID. Vậy là xong phần tạo apps


Hướng dẫn chèn comment facebook cho blogspot


Chèn comment facebook cho blogspot

-Đăng nhập vào blogspot
-Chọn Mẫu
-Chỉnh sửa HTML



Hướng dẫn chèn comment facebook cho blogspot



-Bật tính năng Ctrl + F để hiển thi ô tìm kiếm code

-Trước thẻ đóng </head>  và sau thẻ mở <head> bạn copy code dưới đây vào template :


<meta content='Thay mã ứng dụng của bạn vào đây' property='fb:app_id'/>




Hướng dẫn chèn comment facebook cho blogspot



Bạn tìm đoạn mã <b:include data='post' name='post'/> rồi copy - paste đoạn code sau ngay bên dưới:


<!--facebook comment-->
<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/vi_VN/all.js#xfbml=1&amp;appId=thay mã ứng dụng của bạn vào đây&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<!--facebook comment-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--facebook comment-->
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
<!--facebook comment-->
</b:if>

Có 2 chú ý, thứ nhất bạn phải thay mã ứng dụng của bạn vào, thứ hai 530 là kích thước chiều ngang của comment, con số này là khác nhau giữa các website, bạn tùy chỉnh để nó hợp với độ rộng của trang web của bạn.
Và đây là kết quả:


Hướng dẫn chèn comment facebook cho blogspot

Bạn truy cập vào: https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn, rồi nhấn vào thiết lập, một cửa sổ mới bật ra, bạn chọn như hình dưới đây:


Hướng dẫn chèn comment facebook cho blogspot

OK, như vậy là tất cả đã xong. Mỗi lần ai đó comment bài viết sẽ có thông báo cho bạn, và khi bạn vào khu vực quản trị nó sẽ trông giống như thế này:


Hướng dẫn chèn comment facebook cho blogspot


Nhấn vào Chấp nhận để đồng ý cho comment đó xuất hiện công khai. Nhấn Visit Website để ghé thăm trang web của bạn nơi mà người dùng mới bình luận.

Chúc các bạn thành công !

Post a Comment Blogger

 
Top