Hướng dẫn tạo Comment Facebook cho Blog

posted in: Thủ thuật Blogspot | 0

Để tăng tính tương tác của độc giả tới Blog của bạn thì điều đầu tiên bạn cần làm đó là tạo nên một môi trường để admin và độc giả có thể trao đổi ý kiến của mình với nhau.

Chuyên mục thủ thuật blog hôm nay sẽ hướng dẫn bạn tạo nên môi trường ấy bằng cách thêm Comment Facebook vào Blogger của mình.

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ổ sung 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.

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

>>> Xem thêm: Hướng dẫn tạo quảng cáo hiện giữa trang Blog hoặc Website

Bước 2: Bạn Copy đoạn Code sau đây, sau đó kéo thanh  cuộn 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>

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.

>>> Xem thêm thủ thuật Facebook  tại đây!

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.

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

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

<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 FacebookFacebook Comment trên Blogspot của mình.

Trong phần này, tôi 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’/>

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”.

Chỉ với 5 bước đơn giản bạn đã có thể cho phép độc giả ghé thăm Blog có thể lại lời nhắn khiến Blog của bạn trở nên gần gũi, thân thiện với người đọc hơn. Hãy cài đặt và cùng cảm nhận tiện ích thú vị này.

Nguồn:nguyencaotu

>>> Xem thêm: 

Phân trang cho Blog dạng “Load More Post”.

Hướng dẫn cách thêm thẻ Meta Description cho Blog đơn giản nhất.

Bình luận