Hiện nay, Blogspot mình thấy cũng đã có được một vị trí nhất định trong lòng người dùng rồi. Nó thuận tiền, đơn giản và miễn phí. Bạn không phải lo đến vấn đề băng thông, hay bảo mật. Đây là những vấn đề mà các Webmaster đều phải đau đầu đấy.
Bạn có một blog với những bài viết chất lượng, bạn có nhiều độc giả quan tâm đến blog của mình? Và bạn có nhiều phản hồi được gửi lên blog của bạn? Nhưng mỗi khi có phản hồi thì bạn không thể biết ngay mà bạn phải truy cập vào trang quản lý bình luận của blogger mới có thể biết được ai đã để lại cho mình. Bạn cảm thấy như vậy khá tốn thời gian và bất tiện?
Có lẽ mình nói lan man hơi nhiều rồi nhỉ. các bạn đọc chắc cũng cảm thấy nản dần đều rồi. Vì vậy chúng ta cùng nhau thực hiên thôi nhé!
Trong bài viết trước thì mình đã Hướng dẫn tạo và lấy ID App trên Facebook rồi. Tại sao mình lại viết bài đó trước? Bởi vì để thực hiên được bài viết này thì các bạn cần phải có cho mình một App đã kích hoạt hoàn toàn đã.
Các bước thực hiện
Bước 1: Các bạn vào trang chỉnh sửa tem của mình. Nếu bạn nào chưa biết thì hãy đọc qua bài viết Hướng dẫn sử dụng chức năng chỉnh sửa HTML cho Blogspot để thực hiên nhé. Sau đó các bạn tìm đến thẻ <body> rồi các bạn dán đoạn code sau vào dưới thẻ này nha.<script>Các bạn lưu ý là thay 894564130627630 thành ID App của bạn nhé!
window.fbAsyncInit = function () {
FB.init({
appId: '894564130627630',
xfbml: true,
version: 'v2.4'
});
};
(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/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Tiếp theo các bạn hãy tìm đến thẻ <head> và dán hai thẻ meta này vào bên dưới nó:
<meta content='ID Facebook của bạn' property='fb:admins' />OK, cuối cùng là việc chọn chỗ hiển thị comment của bạn nữa thôi. Bạn muốn hiển thị ở đau thì chèn đoạn code này vào ở đó nhé:
<meta content='ID APP' property='fb:app_id' />
<div class='fb-comments' data-num-posts='5' data-width='100%' expr:href='data:post.canonicalUrl' />Đến đây thì coi như là đã xong rồi. Tuy nhiên có một vấn đề được sinh ra đó chính là trong bài viết thì đã có comment thế nhưng trên thanh thông tin bài viết lúc nào cũng là 0 bởi vì nó đếm số bình luận trên blogger. Vậy phải làm thế nào bây giờ? Đừng lo, bạn chỉ cần sử dụng thẻ sau để lấy số bình luận trong từng bài viết ra mà thôi. Còn việc hiển thị ở đau thì tùy vào sở thích của bạn nhé!
<span class='fb-comments-count' expr:href='data:post.canonicalUrl'</span>