Tích hợp Facebook Comment cho Blogspot (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>

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

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:

<b:includable id='comments' var='post'>

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

<div class='fb-comments' data-num-posts='10' data-width='600' expr:href='data:post.canonicalUrl'/>

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: 

<div class='fb-comments' data-href='http://nguyencaotu.com' data-num-posts='10' data-width='600'></div>

Cập nhật ngày 5/8/2014: Hướng dẫn thêm facebook comment blogspot bằng Video

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

Tú Cao – Marketing Online

Hiệu quả là số 1

Tìm trên công cụ tìm kiếm:

  • hình ký hiệu bình luận cho fb
  • cach tao binh luan cho tai khpan facebook
  • share code phòng chát cho bloger
  • lời binh luân fb hay
  • huong dan tao binh luận đính kèm cho blogger

Nhận thêm bí quyết mới

Đăng ký nhận bản tin qua email, bạn sẽ không bao giờ bỏ lỡ những chia sẻ tuyệt vời từ Tú Cao.

81 Responses to “Tích hợp Facebook Comment cho Blogspot (Blogger)”
  1. Hung 10/07/2014
    • Tú Cao 11/07/2014
  2. Lee Phương 13/07/2014
    • Tú Cao 13/07/2014
  3. ĐêmkhôngsaoTrănglêncao Siêunhâ 14/07/2014
    • Tú Cao 15/07/2014
  4. Tuấn 22/07/2014
    • Tú Cao 05/08/2014
  5. Thái 22/07/2014
    • Tú Cao 05/08/2014
      • Hùng Việt 23/09/2014
  6. Huy 26/07/2014
    • Tú Cao 27/07/2014
  7. lưu văn thông 04/08/2014
    • Tú Cao 05/08/2014
      • lưu văn thông 22/08/2014
  8. Ngo Thanh Dai Viet 18/09/2014
    • Tú Cao 18/09/2014
    • Tú Cao 18/09/2014
  9. Lý Hoàng Nhi 24/09/2014
    • Tú Cao 25/09/2014
  10. Đặng 25/09/2014
    • Tú Cao 25/09/2014
  11. Ngo Thanh Dai Viet 09/10/2014
    • Tú Cao 21/10/2014
  12. Cherry 21/10/2014
    • Tú Cao 22/10/2014
      • Cherry 22/10/2014
        • Tú Cao 22/10/2014
          • Cherry 22/10/2014
            • Tú Cao 23/10/2014
            • Tú Cao 24/10/2014
              • Cherry 24/10/2014
                • Tú Cao 24/10/2014
                  • Cherry 26/10/2014
                    • Cherry 26/10/2014
                    • Tú Cao 27/10/2014
                    • Tú Cao 27/10/2014
  13. Guest 24/10/2014
  14. Cherry 24/10/2014
    • Tú Cao 24/10/2014
  15. Vuong 24/10/2014
    • Tú Cao 24/10/2014
  16. ShanPo 27/10/2014
    • Tú Cao 27/10/2014
      • ShanPo 27/10/2014
        • Tú Cao 27/10/2014
          • trần anh cương 12/01/2015
            • Tú Cao 25/01/2015
          • ninh 30/03/2015
            • Tú Cao 05/04/2015
  17. Đình Lượng 12/11/2014
  18. mountain90 04/12/2014
  19. Trần Tuấn Minh 09/01/2015
  20. trần anh cương 12/01/2015
    • Tú Cao 14/01/2015
      • trần anh cương 24/01/2015
  21. Tiểu Hoa Hoa 19/01/2015
    • Tiểu Hoa Hoa 19/01/2015
      • Tú Cao 22/02/2015
  22. Nguyễn Minh Giang 18/02/2015
    • Tú Cao 22/02/2015
  23. Huy phan 03/03/2015
    • Tú Cao 05/03/2015
  24. Boycona 08/03/2015
  25. Tâm 16/03/2015
  26. Minh Phuong 19/03/2015
  27. thanh 05/08/2015
  28. Diep Nguyen 14/10/2015
  29. tài 26/11/2015
    • Tú Cao 06/04/2016
  30. key 03/01/2016
    • Tú Cao 06/04/2016
  31. Huỳnh Đạt 03/02/2016
    • Tú Cao 06/04/2016
  32. content tiếng Anh 02/03/2016
  33. Dương Văn Nam 05/03/2016
  34. Tất Thành 23/06/2016
  35. be 06/08/2016

Leave a Reply

Thư điện tử của bạn sẽ không được hiện thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký để nhận
Tuyệt chiêu Marketing

Khi nào có bí quyết mới, bạn luôn là người biết đầu tiên.