Hướng dẫn thêm comment facebook vào Blogger

Hướng dẫn các bạn thêm comment face vào bài viết cho blogger. Trên mạng có nhiều bài đăng nhưng hầu hết là không quản lý được số bình luận, không thể xóa đưcọ những bình luận xấu. Hôm nay mình xin chia sẽ và hướng dẫn tận tình cách chèn phần bình luận facebook và blog của mình và hướng dẫn quản lý phần bình luận facebook thông qua blog cực kỳ đơn giản và dễ thực hiện. Sau bài viết nay hy vọng bạn có thể chèn phần bình luận facebook vào blog của mình một cách chuyên nghiệp và có thẩm mỹ nhất.

Đầu tiên ta thực hiện đúng trình tự các bước sau:

Bắt đầu tạo ứng dụng trên face: Truy cập https://developers.facebook.com/apps
Ứng Dụng => Create a New App điền đầy đủ thông tin rồi nhấn vào Tạo Ứng dụng

Hướng dẫn thêm bình luận facebook vào 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)

- 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='1393378054220392' property='fb:app_id'/>

Lưu ý nhỏ : 1393378054220392 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é

Bước 4 - Thêm đoạn mã bên dưới vào trước thẻ </body>. để thêm bình luận facebook vào blogger

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Và thêm ngay đoạn code sau lên trên thẻ đóng </head>

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="10" data-width="620"></div>';
//]]>
</script>

Một số tùy chỉnh cho các bạn quản lý phần bình luận của mình:

data-num-post=10 : số comment hiển thị trên bài đăng.
data-width=620 : chiều rộng khung comment, tùy theo độ rộng của website mà chúng ta tùy chỉnh được phần này nhá.

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

Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>

- Rồi thêm ngay dưới nó đoạn code sau:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

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:

https://developers.facebook.com/tools/comments và tùy chỉnh comment theo ý của riêng mình.
Bạn nào không làm được cứ để lại bình luận dưới mình sẽ hổ trợ giúp nhiệt tình.