Cách thêm bình luận (comment) Facebook từng bài đăng cho Blogspot

Hiện là mạng xã hội toàn cầu lớn nhất hiện nay, có thể nói là nhà nhà Facebook, người người Facebook, chính vì vậy việc thêm bình luận (comment) của Facebook cho blogspot là rất cần thiết, vừa tạo được nơi bình luận, chém gió cho mọi người, vừa dễ đưa bài viết tới người đọc bởi hiệu ứng lan truyền của nó. Hôm nay, Blog Cuộc sống muôn màu xin hướng dẫn cả nhà cách thêm khung chat, comment của Facebook cho từng bài viết vào blogspot.

Cách thêm khung bình luận của Facebook vào blogger/blogspot

Khung chat của Facebook cho blogspot'
Khung chat của Facebook cho blogspot

Bước 1: Đăng nhập vào trang quản trị blog.

Vào "Mẫu" chọn "Chỉnh sửa HTML"

Cách thêm bình luận facebook vào blogspot

Bước 2: Ấn tổ hợp phím Ctrl F, tìm </head>

Có thể bạn nên xem: Thêm comment app facebook cho blogspot

Chèn đoạn code dưới đây vào trước thẻ "</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="8" data-width="766"></div>';
//]]>
</script>

Tích hợp facebook comment vào blogspot

Lưu ý: Các bạn có thể thay tùy ý các thông số dưới đây

  • data-num-posts="8": Số bình luận được phép hiển thị, nếu nhiều hơn thì tự động gộp lại.
  • data-width="766px": Chiều rộng của khung bình luận Facebook.

Bước 3: Ấn tổ hợp phím Ctrl F, tìm </body>

Chèn đoạn code bên dưới và trước thẻ "</body>".
<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"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Thêm chat facebook cho blogspot

Chèn khung comment facebook vào nơi bạn muốn hiển thị trong blog

Bước 4: Copy đoạn code bên dưới
<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>
Thông thường ta sẽ chèn nó vào cuối bài viết. Các bạn Ctrl F, tìm dòng <b:include data='post' name='post'/>
Copy và dán đoạn code bên trên vào phía dưới dòng vừa tìm được.

Nhúng bình luận facebook vào blogspot

Lưu ý: Một số mẫu template (giao diện) có nhiều hơn một dòng <b:include data='post' name='post'/>, các bạn chọn dòng đầu tiên tìm được nha, sau đó lưu lại, nếu thấy không được thì ta chọn dòng khác :D

Bước 5: Save và xem thành quả

Have fun !
Share on Google Plus

Tác giả: Đặng Việt Hoàng

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

145 nhận xét :

  1. sao mình lam theo như vậy ma k dc, nhờ mọi ng trợ giúp cái comment facebook?

    ReplyDelete
    Replies
    1. Bạn gặp lỗi gì, cho mình xem thử trang của bạn ^^

      Delete
    2. bạn ơi mình làm cũng không dudocj bạn ạ

      Delete
    3. em cũng bị nè , xuất hiện ô cmt rồi mà thử gõ vào cmt thì k được ạ

      Delete
  2. Cảm ơn ad nhá! Đến tận tình, chi tiết cơ. <3

    ReplyDelete
  3. anh ơi em làm hiện được khung cmt = fb rồi, cơ mà làm sao để độ dài khung vừa với blog được anh?
    Trang của em đây: http://thuvienanhngu.blogspot.com/

    ReplyDelete
    Replies
    1. data-width="766px" em sửa lại thành data-width="566px" nhé :)

      Delete
  4. mình cũng ko làm đc bạn ơi! Nó ko hiện khung comment fb
    http://baitapvadapan.blogspot.com/

    ReplyDelete
    Replies
    1. Làm đúng theo các bước là đc liền à, bạn set admin cho mình vào gmail viethoang.appnet.vn@gmail.com để mình kiểm tra nhé :)

      Delete
  5. Okmen :v
    http://langtham1s2.blogspot.com/2013/11/tong-hop-nhac-viet-remix-hay-nhat.html

    ReplyDelete
  6. Bác cho em hỏi để thay đổi tên tác giả cho bài đăng Blog thì chỉnh sửa chỗ nào? Và 1 vấn đề nữa bác chỉ giúp em là Nếu em muốn đặt Banner trên trang của em (caunang.org) thì là thế nào hả bác.Bác chỉ giúp em với.Thanks .

    ReplyDelete
    Replies
    1. Nếu dùng code mặc định tự động lấy tên tác giả thì bạn phải dùng Gmail mà bạn muốn hiển thị post bài nhé.

      Còn phần banner bạn muốn đặt ở vị trí nào, vào trang của bạn thấy có banner rồi mà :D

      Delete
  7. This comment has been removed by the author.

    ReplyDelete
  8. HI,

    Bạn xem giúp mình với mình cho ô comment FB hiện ra rồi nhưng không biết căn vào giữa nên bị banner che,chỉnh chỗ data-width="766" thì nó chỉ dài ra chứ không vào giữa phía dưới bài viết,bạn giúp mình với : http://quanngon-hanoi.blogspot.com/2014/01/mon-ngon-re-danh-cho-mua-ong.html

    ReplyDelete
    Replies
    1. Bạn đặt chưa đúng chỗ rồi, set admin vào tài khoản viethoang.appnet.vn@gmail.com mình sửa cho nhé.

      Delete
    2. mình lại làm được rồi thanks bạn

      Delete
  9. Ad ơi mình làm đúng các bước, làm lại hoài không được. Giúp mình với ><

    ReplyDelete
    Replies
    1. Bạn add yahoo mình: the_man_time_91 hoặc set admin blog vào mail viethoang.appnet.vn@gmail.com để mình kiểm tra nhé

      Delete
  10. mình làm đến bước 4 nhưng không tìm thấy
    bạn giúp mình với được ko?
    http://sonchongri-epoxyjotun.blogspot.com
    cám ơn bạn

    ReplyDelete
    Replies
    1. Bạn add yahoo mình: the_man_time_91 để hình hướng dẫn qua teamview nhé, mình thường onl tối, h đang ở công ty nên k onl đc ^^

      Delete
  11. Cam on bai viet b hay lam mình làm chưa duoc b oi! Blogh minh http://thanhtinhoc.blogspot.com/

    ReplyDelete
  12. Menu ngang b lam doc va dep qua! Co the chi trang web huong dan cac menu dep nhu vay duoc hok

    ReplyDelete
  13. cám ơn mình vua làm dc . nếu mình muốn xóa commen nao không ưng ý thì phải là thế nào

    ReplyDelete
    Replies
    1. Cách làm này bạn không quản lý được các bình luận nhé, để quản lý bạn làm theo hướng dẫn tại bài viết này: http://www.cuocsongmuonmau.info/2013/12/them-comment-app-facebook-cho-blogspot.html

      Delete
  14. sao minh lam giống như vậy mà khi mình chạy nó không hiển thị ra

    ReplyDelete
    Replies
    1. Có thể là do template bạn ạ, trang của bạn là gì để mình xem thử?

      Delete
    2. Các bạn có thể ghé wa blog của mình xem nhá, mình mới làm tut này và chạy 100% :D
      http://hitech91.blogspot.com/2014/04/nhung-facebook-comment-vao-blogger-chay.html

      Delete
  15. Mình làm trang truyện ma không thấy comment fb đâu cả?

    ReplyDelete
  16. sao mình làm mà chữ comment trùng màu với blog của mình
    http://detectiveconanfannn.blogspot.com/2014/04/blog-post_561.html

    ReplyDelete
  17. Xem demo cmt fb cua minh http://hihashop.blogspot.com :)

    ReplyDelete
  18. Anh ơi! Giúp blog em với ạ! Em làm theo hướng dẫn như trên mà không có được anh ơi!!!! ;-(
    Blog http://quantrotamhon.blogspot.com/ ạ! Mong anh phản hồi sớm cho em nhé! ;((

    ReplyDelete
    Replies
    1. Bạn add yahoo mình the_man_time_91 nhé, mình sẽ hd qua teamview

      Delete
    2. dạ em cám ơn anh nhé! Em vừa thay đổi giao diện và đã làm được rồi ạ! Cám ơn anh ạ! :>)

      Delete
  19. Làm sao để có cả 2 loại cmt bằng G+ và bằng facebook như của bạn vậy? Giúp mình với

    ReplyDelete
    Replies
    1. Mặc định là có cmt của blog rồi mà bạn, làm theo hướng dẫn tại bài này sẽ có thêm cmt = facebook

      Delete
  20. Mình sử dụng theme mẩu, không biết sửa chỗ nào. Xem giúp mình nhé : thiết kế webiste bằng wordpress

    ReplyDelete
  21. anh trai cho em hỏi sao html của em ko tìm thẻ body? anh giúp em

    ReplyDelete
    Replies
    1. Trang nào cũng có thẻ body cả bạn ơi :))

      Delete
    2. Không phải trang nào cũng có thẻ body bạn ơi. Mình làm cũng không thấy.

      Delete
  22. Bạn cho mình hỏi, khi người ta comment ở blog = fb, mình muốn bỏ đoạn "comment này chưa được hiển thị trên fb, bạn có muốn công khai k?" có thể bỏ qua bước ấy và khi comment thì sẽ hiện lên fb luôn ko, cám ơn bạn!

    ReplyDelete
    Replies
    1. Bạn có thể chụp hình đoạn thông báo đó không, có thể do tài khoản bạn cài đặt chế độ riêng tư, chỉ 1 mình khi comment nên có thông báo, chứ mình chưa gặp trường hợp này bao giờ

      Delete
  23. Bạn ơi ko xóa được khung cmt mặc định của blog à. Có 2 khung cmt nhìn hơi di

    ReplyDelete
    Replies
    1. Bạn vào Cài đặt -> bài đăng và nhận xét, chõ vị trí nhận xét bạn chọn ẩn nhé

      Delete
  24. chụt chụt yêu ad thế không bít. dễ hiểu, dễ làm, và mình đã làm được roài nè ^^!. thks ad phát nhé

    ReplyDelete
  25. À ad mơi cho an hỏi xíu, mình đang dùng theme blogspot của cuôc sống muôn màu nè nhưng nó không có khung nhận xét google, bạn có thể hướng dẫn mình cách thêm được không, an có tìm trên mạng nhưng gán code vào mà nó không hiển thị. Mong bạn giúp lắm luôn....

    ReplyDelete
    Replies
    1. Bạn vào trang quản trị, tại mục Google + (Dưới mục nhận xét) tick vào phần Sử dụng tính năng Nhận xét của Google+ trên blog này nhé

      Delete
    2. An cũng đã tíc vào đấy rồi, nhưng nó cũng im ỉm luôn. Chẳng hiển thị gì cả.

      Delete
  26. bạn ơi mình làm mà ko thấy hiện ra comment... giúp mình với

    ReplyDelete
  27. trong cái comment bằng facebook thì nút Comment của bạn là "Bình luận " , Cũng đăng trên Facebook ; ....Đăng với tư cách của Việt hóa các chỗ này như thế nào hả bạn !

    ReplyDelete
    Replies
    1. Ở bước 3, có đoạn onnect.facebook.net/vi_VN/all.js, vi_VN là Việt, còn en_US là anh :)

      Delete
  28. Anh cho em hỏi có cách nào đổi màu chữ FB Comment không?
    Website em dùng tông đen xám mà chữ màu đen nên gần như k thấy.

    ReplyDelete
    Replies
    1. Tại bước 1, tại đoạn này: <div class="fb-comments" data-href="'+fb_href+'" data-num-posts="8" data-width="766"></div> bạn sửa lại thành <div class="fb-comments" data-href="'+fb_href+'" data-num-posts="8" data-width="766" data-colorscheme="dark"></div>

      Delete
  29. cảm ơn bạn nhiều Đặng Việt Hoàng ! g+1 ủng hộ ad

    ReplyDelete
  30. This comment has been removed by the author.

    ReplyDelete
  31. Tổng hợp Kinh nghiệm Hê thống xử lý nuớc thải cho sinh viên môi ra truờng, doanh nghiệp hoặc công ty cần hỗ trợ về hệ thống xử lý nuớc thải, các thủ tục môi trường
    Thông tin kinh nghiệm: Kinh nghiệm Hê thống xử lý nuớc thải

    - Chuyên viên môi truờng: TRẦM NGUYỄN HOÀNG NAM

    - Mobile: (08) 38942582 – 0945100009

    - Ð?a ch? van phòng: 372/1 Nguyễn Van Nghi, p7, Gò Vấp

    - Email: kd3@phongvietjsc.com

    - Website: xulynuocthainhahang.com

    ReplyDelete
  32. http://khogame99.blogspot.com/ sao em làm mà k dc nhỉ,a giúp em với.

    ReplyDelete
    Replies
    1. Làm theo từng bước là ra, bạn có bị lỗi gì không :d

      Delete
  33. Tuyệt vời ad ơi, cảm ơn nhiều, ad sửa chỗ bước 2: "766" thêm chữ 'px' cho mọi người nhầm. Kiểm tra trang mình đây nhé: http://www.biodivn.com/
    Làm thế nào quản lý comment ad?

    ReplyDelete
    Replies
    1. Bạn vào bài viết này: http://www.cuocsongmuonmau.info/2013/12/them-comment-app-facebook-cho-blogspot.html
      1. Bạn tạo App theo bước 1 2 3 như hướng dẫn
      2. Bạn thêm dòng này vào phía trên thẻ >/head<
      >meta content='Mã ứng dụng' property='fb:app_id'/<

      Bạn thay mã ứng dụng thành ID của app mà bạn vừa tạo là đc nhé

      Delete
  34. chào bạn...sao mình làm theo các buocs như bạn hướng dẫn rồi mà ko đc vậy ,,bạn vào kiểm tra giúp mình với,,
    http://hoctienganhmoingay24h.blogspot.com

    ReplyDelete
    Replies
    1. Bạn set admin vào gmail cho mình: dangviethoang91@gmail.com nhé

      Delete
  35. Làm thế nào để FB nó thông báo là có người comment nhỉ :D

    ReplyDelete
    Replies
    1. Không có bạn ạ. Bạn phải vào App để kiểm tra

      Delete
    2. Có thể làm khung nhận xét FB mới nhất :v

      Delete
  36. datngocphuquoc.com
    Trang mình ko bỏ vô được :(

    ReplyDelete
  37. Cảm ơn bạn nhé, mình làm được rồi :)

    http://duysonidol.blogspot.com/

    ReplyDelete
  38. cám ơn bạn addmin rất nhiều, mình cũng làm được như hướng dẫn

    ReplyDelete
  39. SAO MÌNH LÀM HẾT TẤT CẢ CÁC BƯỚC MÀ NÓ CHƯA HIỆN RA Ạ GIÚP MÌNH HUHU ;-(
    Liệu có phải sau khi làm xong vài tiếng sau nó mới hiện ra ko vậy pạn ?

    ReplyDelete
  40. Cảm ơn bạn nhiều! sau 1 tháng cuối cùng cũng tìm đúng bài này đơn giản hơn những cách khác. Có điều cái Thanh tiện ích Youtube của mình cũng bị biến đổi từ chiều ngang sang chiều dọc mất rồi

    ReplyDelete
  41. This comment has been removed by the author.

    ReplyDelete
  42. O6oooo Mình làm được rồi, khá là đẹp http://mygifbox.blogspot.com/2015/05/up-down-up-down.html , cảm ơn nhé :D

    ReplyDelete
  43. Template rất là đẹp. Cảm ơn Hoàng rất là nhiều! :D

    ReplyDelete
  44. Mình cũng không dc bạn ak
    https://www.youtube.com/watch?v=jS704b2E9ls the avenger version sexy

    ReplyDelete
  45. Mình cũng không dc bạn ak
    https://www.youtube.com/watch?v=jS704b2E9ls the avenger version sexy

    ReplyDelete
  46. https://www.youtube.com/watch?v=jS704b2E9ls the avenger version sexy

    ReplyDelete
  47. chúng tôi cung cấp dịch vụ làm bằng đại học uy tín giá rẻ, đảm bảo an toàn bảo mật, quý khách
    làm bằng đại học tại Hà Nội vui lòng liên hệ trực tiếp, hoặc có thể gửi thông tin qua mail cho chúng tôi
    làm bằng đại học sẽ chụp ảnh gửi qua cho quý khách xem trước Làm bằng đại học
    làm bằng đại học tại TPHCM

    ReplyDelete
  48. Mình làm theo như vậy mà ko dc bạn ơi...bạn giúp giùm

    ReplyDelete
  49. Mình làm theo như vậy mà ko dc bạn ơi...bạn giúp giùm

    ReplyDelete
  50. Bạn ơi, mình làm theo hướng dẫn nhưng nó hiện một lúc đến 3 ô comment Fb, làm sao xóa nó chỉ để lại 1 ô, bạn hướng dẫn giúp mình nhé, cám ơn.

    ReplyDelete
  51. bạn ôi, sao mình làm vậy, tick chọn " cũng đăng lên face" nhưng trên face mình thì ko hiện ra, với lại màu chữ comment màu đen trùng màu nền luôn @@

    ReplyDelete
  52. Mai Phương Huy cung cấp dịch vụ ban may photocopy - cho thue may photocopy giá cực rẻ chính hiệu . Xin liên hệ công ty để có giá cả hợp lý nhất.
    Cty Mai Phương Huy Chân thành cám ơn người dùng!

    ReplyDelete
  53. Sao mình làm đúng y chang mà không được ta
    Admin xem giúp
    http://ovemaybay.blogspot.com/ @-)

    ReplyDelete
  54. Thêm comment Facebook vào Blogspot Blogger (Mới) 100% thành công: https://www.youtube.com/watch?v=vElOHRFK3Mk

    ReplyDelete
  55. This comment has been removed by the author.

    ReplyDelete
  56. This comment has been removed by the author.

    ReplyDelete
  57. Bài viết rất hay, cảm ơn em nhiều! Chúc em ngày càng viết được nhiều bài hay
    Bán Đất nền Tiến Thành Đồng Xoài gần Bệnh viện tỉnh Bình Phước

    ReplyDelete
  58. mình làm được rồi nè mọi người test đi
    http://clipfunny9.blogspot.com/

    ReplyDelete
  59. mình làm được rồi nè mọi người test đi
    http://clipfunny9.blogspot.com/

    ReplyDelete
  60. Cám ơn bạn về thông tin, đã dùng thành công. Rất mong đọc thêm những bài mới từ bạn !

    Thân !

    ====================
    Cơ hội an cư trong tầm tay - Sở hữu căn hộ cao cấp giá tốt với lãi suất vay NH 0%
    can ho thuong mai cao cap gia tot first home premium binh duong

    ReplyDelete
  61. em vao ctrl+F tìm body,có mấy body khong biet la body nao vạy a

    ReplyDelete
  62. em vao ctrl+F tìm body,có mấy body khong biet la body nao vạy a

    ReplyDelete
  63. Mình làm trên trang http://streamqtv.com ko đc bạn à. bạn có thể giúp m ko?

    ReplyDelete
  64. http://lenhan.net/mau-nha-cap-4-nong-thon-sxd-quang-nam-phat-hanh/

    ReplyDelete
  65. Bạn có cách nào đưa chữ và ảnh trong wideget Liên hệ ra giữa không ? Làm thế nào để chèn quảng cáo vào wideget Ủng hộ chúng tôi ? Blog của mình: buisangtho.blogspot.com
    Cảm ơn bạn nhé!

    ReplyDelete
  66. Làm sao cho App đó là nofolow bạn ơi ?

    ReplyDelete
  67. Chào bạn.
    Trước tiên là rất cám ơn bạn vì bài viêt có ích cũng như chi tiết cách làm. Mình đã làm thành công, nhưng mình muốn hỏi là cách cài đặt thông báo khi có bài viết về facebook của mình thì làm thế nào nhỉ. (app thông báo là gì vậy? )
    Rất mong nhận được phản hồi từ bạn Việt Hoàng cũng như các bạn.
    Ghé thăm và cho mình nhận xét về blog của mình nhé. http://www.camerangaydem.org/
    Tks các bạn

    ReplyDelete
  68. cảm ơn bạn nhiu
    Ghé thăm và cho mình nhận xét về blog của mình nhé L:http://caodangykhoahanoi.edu.vn/

    ReplyDelete
  69. http://www.batdongsanthuduc.net/
    Tôi đã thêm thành công! Cảm ơn Ad

    ReplyDelete
  70. Comment được mà nó không có thông báo cho mình biết thì phải làm sao bạn ơi?
    Thanks

    ReplyDelete
  71. Cả comment bằng Google cũng vậy, nó kô có thông báo nên mình không biết ai comment cả.

    ReplyDelete
  72. đây là thành quả...http://camerahdhcm.blogspot.com/
    cảm ơn nhiều.

    ReplyDelete
  73. làm sao sửa màu chữ đây bạn, nền blog mình màu đen nên khi cmt nhìn chữ rất mờ

    ReplyDelete
  74. Cám ơn cậu nhiều :">> Support đến tận răng :))

    ReplyDelete
  75. Bạn xem giúp mình khung fb thì có ok rồi mà mình cmt thử thì nó thông báo là nội dung không tồn tại http://mrdogs.in

    ReplyDelete
  76. Bài viết rất chi tiết mình sẻ cập nhật cho Blog của mình. Cám ơn bạn rất nhiều

    ReplyDelete
  77. thank bạn rất nhiều, mình đã làm được. Nhưng bạn có thể chỉ mình cách hiện 1 trong 2 comment ngang như bạn được không. Để dọc 2 loại nhìn kì quá

    ReplyDelete
  78. Mình đã làm được! Cảm ơn Ad, bài viết rất hay và ý nghĩa. Nếu bạn nào có nhu cầu làm mô hình kiến trúc hãy liên hệ với mình nha. Click link "mô hình kiến trúc" ủng hộ mình. Cảm ơn cả nhà

    ReplyDelete
    Replies
    1. Mình đã làm được! Cảm ơn Ad, bài viết rất hay và ý nghĩa. Nếu bạn nào có nhu cầu làm mô mô hình kiến trúc hãy liên hệ với mình nha. Click link "mô hình kiến trúc" ủng hộ mình. Cảm ơn cả nhà!

      Delete
  79. Bài viết hay!
    Chuyên mỹ phẩm Skinaz Hàn Quốc cao cấp chính hãng.
    Thương hiêu mỹ phẩm cao cấp hàng đầu tại Hàn Quốc
    Son Skinaz
    Kem nền Skinaz

    ReplyDelete
  80. Cái này có dùng trên wordpress được không bạn ,nếu được thì hay quá , mình muốn làm cho site này http://nhathongminhworldtech.com/

    ReplyDelete
  81. Bạn xem lại cái, mình dán code trên nhưng các cmt đều hiện chung trên all pages, không hiện từng cái riêng được, demo ở đây

    ReplyDelete