Hướng dẫn cài đặt comment Facebook vào Blogspot

Tùy từng trường hợp, từng thể loại blogspot mà có thể lựa chọn hình thức comment của Facebook hay của Blogspot, cài đặt comment của facebook thì sẽ giúp bạn tăng lưu lượng truy cập cho blog của bạn tức thì nhưng cài đặt comment của blogspot thì sẽ tốt về lâu dài, và làm tăng thứ hạng site của bạn (mình nhận thấy vậy)

Demo

Cách làm:
 Bước 1: Ẩn chức năng Nhận xét của Blogspot:
Đăng nhập Blog => Cài đặt => Bài đăng và Nhận xét => Vị trí nhận xét => Ẩn

 Save cài đặt lại.

Bước 2 : Vào Mẫu => Chỉnh sửa HTML => Nhấn Ctrl+F (nội tuyến) => Tìm  </head>
Chèn đoạn code sau vào trên thẻ </head> <script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';
//]]>
</script> - data-width là độ rộng của comment box.
- data-num-posts="5" là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
- data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết.
Tương tự tìm </body> và chèn đoạn code sau vào trước </body><div id='fb-root'/>
<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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script> Tương tự tìm <b:include data='post' name='post'/> và chèn đoạn code sau vào trước <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if> Save template.
Chúc các bạn thành công.

Xem Thêm :