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 Commentvà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 : Là 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. Để xem thêm những lý do bạn nên sử dụng Faceboọk comment bạn nên thàm khảo bài viết 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 HTML


Bướ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 = “//connect.facebook.net/en_US/all.js#xfbml=1”;
        fjs.parentNode.insertBefore(js, fjs);
      }(document, ‘script’, ‘facebook-jssdk’));</script>

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

Bước 3: Tích hợp phần quản trị Blogspot bằng cách thêm ID của người quản trị (tài khoản Facebook), và thêm ứng dụng nếu muốn nhận được tin nhắn (Nofification) (Tham khảo)
Facebook sẽ dùng chính tài khoản Facebook của bạn để xác nhận người quản lý. Việc chúng ta là lấy ID của tài khoản, và đưa vào Website.
VD ních Facebook của Tú Cao . https://www.facebook.com/all.onlylove
Bạn truy cập vào: http://graph.facebook.com/
Sau đó gõ tên tài khoản vào phía sau. VD: http://graph.facebook.com/all.onlylove

Lấy ID của tài khoản Facebook

Kết quả mình nhận được là ID: 100000454020972
Tiếp đến, bạn sẽ COPY đoạn code sau vào Blogspot. Đưa vào trong thẻ <head> . Kéo thanh cuộn lên đầu và thêm đoạn mã Code sau.
?
1<meta content=’ID tài khoản Facebook của bạn’ property=’fb:admins’/>

Thêm ID tài khoản Facebook để xác nhận tài khoản quản trị Facebook Comment
VD: Đoạn Code bến dưới fb:admins?
1
<meta content=’261744817330307′ property=’fb:app_id’/>
Đây là đoạn khai báo ứng dụng, để nhận được thông báo mỗi khí có người bình luận trên Website của bạn. Bạn tham khảo cách cài đặt tại bài viết. Hiển thị thông báo, kiểm duyệt bình luận “Facebook Comment” trên Website .
Bước 4: 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:
?
1
<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
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

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

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, có tài khoản Admin để quản lý, thậm chí bạn có thể cài đặ thêm ứng dụng để mỗi khi có người bình luận, bạn sẽ nhận được thông báo. Tú Cao 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. Ngoài ra 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 .
VD:  <div class=’fb-comments‘ data-href=’http://nguyencaotu.com‘ data-num-posts=’10‘ data-width=’600′></div>
Chúc bạn thành công !
Nguồn: http://nguyencaotu.com

thiết bị phòng chụp | bán chân đèn flash | bán đèn chụp ngoại cảnh | bán đèn quay phim | bán đèn chụp sản phẩm | remote trigger godox | đèn flash canon speedlite | đèn led chụp hình sản phẩm | bóng đèn flash | túi đựng máy ảnh | phụ kiện máy ảnh | bàn chụp sản phẩm | thiết bị chống rung máy quay phim | máy ép PLASTIC | thang chụp hình | máy chụp hình sản phẩm | máy in ảnh hiti | chân máy ảnh chụp hình | pin sạc máy ảnh | máy đo sáng | tủ chống ẩm máy quay phim | bán đèn flash | đèn flash hylow | Đèn Flash studio | đèn flash Jinbei | đèn flash photon | bộ kít đèn flash Jinbei | bộ kít đèn flash | Chân máy ảnh | setup phòng chụp sản phẩm | softbox | tấm hắt sáng | bán chân đèn studio | dàn treo đèn | chóa đèn tổ ong | phông nền 3d | dù chụp hình | giá treo phông chụp hình | thanh trượt dolly | tay cầm máy quay phim | phông chụp hình 3d | phòng chụp đám cưới |

Leave a Comment