Tôi Yêu Bạn Hải Dương

Cách thêm comment facebook và quản lý comment cho Blogspot




Mình đã đọc rất nhiều bài viết hướng dẫn khác nhau rất sơ sài. Và khi cài được trên blogspot comment FaceBook lúc tải được lúc không do nỗi mã hóa. Nên Mình xin edit lại như sau. ( Bài viết có sử dụng một số ảnh trên blogger khác là bittuot do mình ngại úp)

Cách thêm comment facebook và quản lý comment cho Blogspot - website . Chèn khung Comment Facebook cho Blogspot .Hướng dẫn Cách thêm comment facebook và quản lý comment cho Blogspot .Làm sao để có thể quản lý được comment facebook trên blogspot của mình (xóa comment của người khác, và nhận thông báo khi có comment mới )


Sau khi mình viết bài: Cách thêm comment facebook cho Blogspot có nhiều bạn đưa ý kiến là không quản lý được các comment trên blogspot đó. Không biết khi nào có comment mới , và xóa những comment mang tính khiếm nhã như thế nào. Vì vậy sau đây  xin chia sẻ với các bạn Cách thêm comment facebook và quản lý cho Blogspot để các bạn có thể dễ dàng trả lời và quản lý comment khi có comment mới trên blog - website của bạn. Hãy cùng Mình xem chi tiết hướng dẫn dưới đây :

Cách thêm comment facebook và quản lý cho Blogspot - Web

Bước 1. Tạo Facebook APP

Chú ý mình đang dùng facebook với tiếng viêt nhé
  • Click vào nút: Ứng Dụng ==>  Register as a Developer (bạn được hình dưới chọn vào ô checkbox rồi nhấn tiếp tục)


Cách thêm comment facebook và quản lý cho Blogspot - Web



Bắt đầu tạo app: Ứng Dụng => Create a New App điền đầy đủ thông tin rồi nhấn vào Tạo Ứng dụng

Cách thêm comment facebook và quản lý cho Blogspot - Web

sau khi thành công bạn sẽ có mục id này

Cách thêm comment facebook và quản lý cho Blogspot - Web



Cách thêm commnet facebook cho blogspot

Bước 1 - Đăng nhập vào blog

Bước 2 - Chọn mẫu (Template)

Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)

Chú ý:  Trước khi chỉnh sửa code web lên tải bản code về để có bản gốc, tránh trường hợp code lỗi ko khôi phục lại được !

- Tìm đoạn code  <html  thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó ==> xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)

- Thêm đoạn code sau dưới thẻ <head> ===> <meta content='1381242482126904' property='fb:app_id'/>

Chú ý: 1381242482126904 là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé

Cách thêm comment facebook và quản lý cho Blogspot - Web


Bước 4 - Thêm đoạn mã bên dưới vào sau thẻ <body>

link code: https://developers.facebook.com/docs/reference/javascript/ " chờ 5s ấn vào x trên cùng tay phải"

<script>
window.fbAsyncInit = function() {
// init the FB JS SDK
FB.init({
appId : '...........', // App ID from the app dashboard
status : true, // Check Facebook Login status
xfbml : true // Look for social plugins on the page
});
// Additional initialization code such as adding Event Listeners goes here
};
// Load the SDK asynchronously
(function(){
// If we've already installed the SDK, we're done
if (document.getElementById('facebook-jssdk')) {return;}
// Get the first script element, which we'll use to find the parent node
var firstScriptElement = document.getElementsByTagName('script')[0];
// Create a new script element and set its id
var facebookJS = document.createElement('script');
facebookJS.id = 'facebook-jssdk';
// Set the new script's source to the source of the Facebook JS SDK
facebookJS.src = '//connect.facebook.net/vi_VN/all.js';
// Insert the Facebook JS SDK into the DOM
firstScriptElement.parentNode.insertBefore(facebookJS, firstScriptElement);
}());
</script>
Thay: YOUR_APP_ID  thành mã id của bạn vd là: 1381242482126904


Bước 5  Chèn Facebook Comment vào Blogger
Trong template, các bạn tìm code

<b>Tags:</b> <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop> 

<div style='background:#ffc209;padding:2px 0;margin:1px 0px 2px 0px;width:100%;float:left;height:2px;border-radius:2px 2px 2px 2px;'>

   Và thêm vào ngay sau đó code này:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
        <script src='http://connect.facebook.net/vi_VN/all.js#xfbml=1'/>
        <div>
 <fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='650'/>
        </div>
                </div>
                </b:if>
Bây giờ các bạn chỉ việc Save lại template và kiểm tra kết quả.


Cách quản lý comment facebook trên blogspot

Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:

Bước 1: Bạn truy cập vào link sau https://developers.facebook.com/tools/comments " chờ 5s ấn vào x trên cùng tay phải"
 (chú ý bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé)
Cách thêm comment facebook và quản lý cho Blogspot - Web



- Bạn muốn comment nó thuộc bài viết nào thì bạn click sang Moderator View ==> click chuột vào phần Visit Website để sang bài viết mà có comment đó.

Còn bây giờ mọi người hay bắt tay vào và test ngay thôi !
Chúc các bạn thêm phần comment facebook và quản lý cho Blogspot thành công!

Mọi thắc mắc hay cần giúp đỡ các bạn vui lòng commnet phía bên dưới nhé !

Bài viết này áp dụng cho những ai dùng code http://shop.haiduong24h.net/ .Lưu ý Muốn kiểm tra xem việc cài đặt có thành công hay không bạn xóa lịch sử trình duyệt . Vào lại trang chủ " Phải chờ trang chủ tải hết nhé . Trang chủ mà không tải hết thì comment FB không  hiện ra đâu". Sau đó nhấn vào link bất kỳ xem kết quả thôi

Kênh giải trí Kinh Môn - Hải Dương 24H
Powered by Blogger.