Tích hợp facebook comment vào Blogspot, Blogger

PhutVui sẽ cùng các bạn làm sao để gắn thêm Facebook Comment cho Blogspot.

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

Facebook Comment Blogspot – Blogger

Yêu cầu: có Blog tạo trên Blogger.com
Bước 1: vào phần Mẫu và Tùy chỉnh HTML

Bước 2: Copy Code sau , kéo thanh cuộn xuống cuối cùng, và thêm trước </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 = “//connect.facebook.net/en_US/all.js#xfbml=1”;

fjs.parentNode.insertBefore(js, fjs);

}(document, ‘script’, ‘facebook-jssdk’));</script>

Bước 3: Cần tích hợp quản trị Blogspot theo cách thêm ID người quản trị (tài khoản fb), thêm ứng dụng nếu muốn nhận tin nhắn (Nofification) . Facebook sẽ dùng tài khoản Facebook của bạn để bắt xác nhận người quản lý. Cần lấy ID tài khoản để đưa vào Website.

Bạn truy cập vào: http://graph.facebook.com

Và điền tên tài khoản vào phía sau đuôi url là bạn sẽ có ID nhé

Kết quả mình nhận được là ID: 1000004545921986

Bạn copy code dưới vào trong html của Blogspot.Vào sau thẻ <head> nhé

<meta content=’ID tài khoản Facebook của bạn’ property=’fb:admins’/>

them-id-quan-ly-facebook-comment-blogger

VD: Đoạn Code bến dưới fb:admins

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

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

Chú ý: lưu ý 2 thông số sau.

data-num-posts=’10’ : Số bình luận lớn nhất sẽ hiển thị trên Blogspot của bạn.
data-width=’600′ : Kích thước khung bình luận hiển thị trên Blogspot , kích thước tính bằng Pixel. Thay đổi số tăng hay giảm để phù hợp kích thước Blog của mình.

Bước 5: Bạn nhấn nút SAVE – lưu mẫu.

Và cuối cùng, quay trở lại blogspotxem kết quả.

Bình luận Blogger

MỘT SỐ LƯU Ý KHI BÌNH LUẬN:
● Comment có văn hóa: Không chửi tục, nói bậy, thông qua khung Comment.
● Với tên "ẩn danh" thì bạn tích vào ô: "chứng minh bạn không phải là rô-bốt".
● Để bình luận một đoạn code, bạn click vào đây để mã hóa code trước nhé !
● Để đăng ảnh làm hình minh họa, bạn click vào đây để Upload ảnh lên sever nhé !