Blogspot mặc định là đã cài sẵn tích hợp comment bình luận vào mỗi bài post trên blog của chúng ta, hiện nay thì số lượng người dùng sử dụng Facebook để trao đổi, chát, nói chuyện rất thông dụng, vì vậy mà nếu chỉ để sẵn comment bình luận mặc định thì sẽ 1 phần cản trở việc trả lời, tương tác giữa các thành viên. Dưới đây , mình sẽ hướng dẫn các bạn chi tiết cách chèn comment bình luận Facebook vào Bloger, Blogspot chi tiết. Các bạn có thể xem thêm video dưới cùng nhé.
Bước 1: vào Blog của bạn
Chọn Mẫu và chọn Tiếp theo chọn chỉnh sửa HTML
Chèn đoạn code dưới đây vào trước thẻ </body>
(Mẹo: bạn vào khung chỉnh sửa code và ấn Ctrl+F và Gõ </body> vào ổ tìm kiếm)
<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/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
-Đầu tiên ta cần lấy địa chỉ ID facebook của bạn bằng cách gõ
http://graph.facebook.com/aogiac26
Chú ý: aogiac26 là địa chỉ URL của nick cá nhân của mình.
-Rồi bạn dán đoạn Code vào dưới thẻ <head>
<meta content='Địa chỉ ip mà bạn nhận được' property='fb:app_id'/> Đoạn code này sẽ giúp bạn nhận được thông báo khi có ai đó ghé thăm blog của bạn mà để lại bình luận
-Đầu tiên ban tìm đến đoan Code sau:
<b:includable id='comments' var='post'> (Mẹo: bạn ấn tiếp Ctrl + F và nhập đoạn code trên)
-Tiếp theo bạn sẽ dán đoạn code sau ở phía dưới đoạn code mà vừa tìm trên:
<div class='fb-comments' data-num-posts='10' data-width='600' expr:href='data:post.canonicalUrl'/>
+data num post là số comment hiển thị tối đa. Ở đây là 10, bạn có thể thay đổi.
+data width là chiều dài khung chát. Ở đây là 600 pixels
Bước 5: Ấn Lưu Mẫu và tận hưởng thành quả của bạn ^^
Nếu cần trợ giúp thì hãy để lại comment, bình luận dưới đây nhé.
