Hướng dẫn cách thêm Facebook Comment vào Blogspot toàn tập

Facebook là một mạng xã hội nổi tiếng nhất thế giới, với việc có hàng tỉ lượt truy cập mỗi ngày, Facebook đang là thứ không thể thiếu với rất nhiều người, việc chèn comment Facebook vào Blogspot sẽ đem lại rất nhiều lợi ích cho blog của các bạn, vừa làm nơi chém gió, bình luận, nó còn là một hiệu ứng lan truyền tốt cho việc quảng bá blog của bạn tới nhiều người khác, hôm nay được nghỉ và đang rảnh nên Phan Hùng Blog sẽ hướng dẫn các bạn cách chèn Facebook comment vào blog đơn giản nhất.

Chỉ với vài bước đơn giản sau đây bạn sẽ chèn bình luận Facebook vào blog của mình thành công, nếu bạn nào không làm được hoặc có thắc mắc gì hãy để lại comment bên dưới, mình sẽ cố gắng giải đáp.

Bước 1: Tạo app Facebook

Đầu tiên bạn đăng nhập vào Facebook sau đó truy cập đường dẫn sau: https://developers.facebook.com/apps rồi chọn My Apps --> Add a New App

Tiếp theo đó bạn chọn ứng dụng cho Trang web

Điền tên và chọn Create New Facebook App ID

Một trang được hiện ra các bạn hãy chọn danh mục cho App của mình sau đó nhấn Tại ID Ứng Dụng

Đến bước tiếp theo thì Facebook sẽ cung cấp cho chúng ta một đoạn mã đã gồm cả ID của App, các bạn copy đoạn mã này để nhúm sang template blogspot.

Bước 2: Chèn Facebook Comment Vào Blogspot (Blogger)

Đăng nhập Blogger --> Vào Mẫu --> Chỉnh sửa HTML
Thêm đoạn mã code lúc trước bạn đã copy vào trước thẻ </body>

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;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</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;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

Lưu ý nhỏ

colorscheme='light' : màu của khung bình luận, Facebook cung cấp 2 giao diện là light và dark
numposts='5' : số bình luận hiển thị
width='530' : kích thước chiều ngang của khung bình luận

Vậy là xong, Lưu mẫu lại.

Bước 3: Quản lý Facebook Comment

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.

Kết luận

Như vậy là mình vừa hướng dẫn các bạn cách thêm comment Facebook vào Blogspot, rất đơn giản chỉ với vài bước bạn đã có một hệ thống bình luận của cả thế giới rồi đúng không?