Tích hợp Facebook Comment cho Blogspot (Blogger)

Kết quả thêm Facebook Comment cho Blogger
Kết quả thêm Facebook Comment cho Blogger

Trong một bài trước mình đã hướng dẫn mọi người cách tích hợp bình luận Facebook Comment vào Website, trong đó nổi bật là phần bật tính năng thông báo (notification). Nhưng có rất nhiều câu hỏi rắc rối về việc tích hợp phần bình luận Facebook Comment cho Blogger (Blogspot), vì vậy để hỗ trợ các bạn, trong bài lần này mình sẽ hướng dẫn chi tiết cách thêm Facebook Comment dành riêng cho Blogspot.

Facebook comment : Tích hợp phần bình luận của Facebook vào trong Website của bạn, để bổ xung hoặc thay thế cho phần bình luận trên Website. Theo đó những người sử dụng tài khoản Facebook họ có thể để lại lời bình luận, đánh giá về sản phẩm, dịch vụ trong khung bình luận được tích hợp trên Website của bạn.

Nếu bạn muốn khi ai đó comment trên Blog của bạn, bạn đều nhận được thông báo về tài khoản Facebook hoặc kiểm duyệt các comment trước khi nó được xuất bản, để làm được việc này bạn cần bổ xung app_id, làm theo hướng dẫn tại kiểm duyệt thông báo Facebook comment cho Website.

Facebook Comment cho Blogspot, Blogger

Yêu cầu: Bạn đã có Blog được tạo trên Blogger.com
Bước 1: Bạn vào phần Mẫu –> Tùy chỉnh HTMLChỉnh sửa HTML BlogspotBước 2: Bạn Copy đoạn Code sau đây, sau đó kéo thanh cuộc xuống cuối cùng, và bạn thêm trước thẻ </body>

[code]

[/code]

Thêm đọa mã Javascript của Facebook vào Blogspot
Thêm đọa mã Javascript của Facebook vào Blogspot

 

Bước 3: Xác định nới mà bạn muốn hiển thị bình luận Facebook – Facebook Comment trên Blogspot của mình.

Trong phần này, Tú sẽ hướng dẫn bạn tích hợp phần bình luận, để nó bên trên phần bình luận mặc định của Blogspot – Blogger Comment hoặc Google Comment. Mỗi bài viết sẽ có một khung bình luận Facebook riêng cho bài viết đó.

Tại khung chỉnh sửa HTML của Blogspot. Bạn nhấn tổ hợp phím CTRL + F

Tiếp đó bạn nhập vào đoạn nội dung tìm kiếm:
[code][/code]

Bạn thêm vào bên dưới đoạn code sau.

[html]

[/html]

Thêm đoạn code hiển thị Facebook Comment cho Blogspot
Thêm đoạn code hiển thị Facebook Comment cho Blogspot

Chú ý: Bạn cần lưu ý 2 thông số sau.

  • data-num-posts=’10’ : Số lượng bình luận lớn nhất sẽ hiển thị trên Blogspot của bạn. (Trong VD là 10 bình luận)
  • data-width=’600′ : Kích thước khung bình luận sẽ hiển thị trên Blogspot của bạn, kích thước này tính bằng Pixcel. Bạn hãy kiểm tra, thay đổi con số tăng hay giảm để phù hợp với kích thước Blog của mình. (Ở đây đang là 600 pixcel)

Bước 5: Bạn nhấn nút LƯU MẪU.

Nhấn nút Lưu Mẫu để lưu toàn bộ sửa đổi thêm Facebook Comment
Nhấn nút Lưu Mẫu để lưu toàn bộ sửa đổi thêm Facebook Comment

Và cuối cùng, hãy quay trở lại blogspot của mình và xem kết quả, những gì mình làm được.

Kết quả thêm Facebook Comment cho Blogger
Kết quả thêm Facebook Comment cho Blogger

Tích hợp facebook comment vào Website sử dụng Blogspot, Blogger

Trên đây là toàn bộ quá trình tích hợp hoàn thiện Facebook Comment vào Website. Tú tin chắc chắn rằng nếu bạn làm theo các bước, bạn có thể tích hợp phần bình luận này cho hầu hết Website sử dụng Blogspot hoặc Blogger.

Lưu ý: Nếu bạn chỉ muốn tất cả các sản phẩm để sử dụng chung một khung bình luận, công việc bạn chỉ cần là quy định đường dẫn cố định cho phần bình luận Facebook comment. Nhớ thay URL trên bằng URL của bạn nhé.

VD: 
[code]

[/code]

Cập nhật ngày 5/8/2014: Hướng dẫn thêm facebook comment blogspot bằng Video
https://www.youtube.com/watch?v=iILMZZZE9tQ

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

Tú Cao – Marketing Online

Hiệu quả là số 1

Tú Cao
Tôi là Tú Cao. Tôi chia sẻ và dạy mọi người cách kinh doanh trên Internet. Bởi vì "Hạnh phúc không phải là nhận, hạnh phúc chính là sự cho đi". Bài viết này dựa trên quan điểm, hiểu biết của Tôi. Bạn tự cân nhắc và chịu trách nhiệm khi làm theo, nếu nó hữu ích với bạn hãy Mời Tú Cao một tách CÀ PHÊ.