Cách thêm comment facebook vào blogspot

Mời các bạn đến ngay và luôn với phần hướng dẫn

Bước 1: Tạo app (ứng dụng)

Truy cập vào https://developers.facebook.com/apps để tạo ứng dụng. Bạn nhấn vào +Creat New App để bắt đầu tạo:

Bước 2: Lấy mã ứng dụng

Sau khi tạo thành công bạn sẽ thấy mã ứng dụng, hãy copy mã này ra đâu đó để sau này bạn sẽ dùng lại, cái này vô cùng quan trọng vì nếu không có mã ứng dụng thì không quản lý được comment.

Bạn có thể thấy mã ứng dụng của tôi là : 692939094162777

Bước 3: Bật sửa code

Bạn vào Mẫu > Chỉnh sửa HTML

Bạn sẽ thấy một đống code, bạn phải click con trỏ chuột vào đó rồi nhấn Ctrl + F để bật tính năng tìm kiếm.

Tính năng tìm kiếm code nếu bạn đã quen với blogspot rồi thì hẳn đã dùng nhiều lần. Với bạn nào còn chưa quen thì chức năng này giúp bạn tìm được vị trí các thẻ - nó giống kiểu tìm chữ trong word ấy.

Bước 4: Sửa thẻ mở html

Nó ở ngay đầu mấy dòng code:

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' >

Nếu không nhìn ra, bạn gõ <html vào ô tìm kiếm để tìm vị trí thẻ này:
Điều bạn quan tâm không phải là hiểu ý nghĩa của thẻ html trên (tôi cũng không hiểu gì đâu) mà là đưa dòng code xmlns:fb='http://ogp.me/ns/fb#' vào bên trong thẻ trên. Và đây là kết quả:

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:fb='http://ogp.me/ns/fb#' >

Bước 5: Thêm thẻ meta

Trước thẻ đóng </head> và sau thẻ mở <head> (tức là ở giữa 2 cặp thẻ này) bạn thêm đoạn code dưới đây vào:

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

Bạn lấy mã ứng dụng của bạn ở bước 2 để dùng trong bước 5 này. Chú ý là nếu bạn cho cái thẻ meta trên ngoài cặp thẻ <head> là nó không chạy đâu nhé.

Bước 6: Thêm khung comment

Bạn sắp thành công...Thường thì comment người ta hay để ở cuối mỗi bài viết. 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:



<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/vi_VN/all.js#xfbml=1&appId=thay mã ứng dụng của bạn vào đây";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>



<b:if cond='data:blog.pageType == "item"'>


<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>


</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ả:

Chúc trang web của bạn mau phát triển và nhận được nhiều bình luận từ độc giả.

TEAM SEO F4A

Blog thuộc hệ thống của TEAM SEO F4A Group

MMO FREE

Đối tác