Tích hợp Facebook comment cho Blog

Form comment facebook đã có từ lâu nhưng thường hay bị chặn bởi các nhà mạng lên thường làm chậm tốc độ load của blog , website của bạn.

Nhưng giờ việc chặn Facebook đã được khắc phục lên việc thêm Form Comment Facebook sẽ làm tăng tính tương tác cho website, blog của bạn.

Vì ai cũng có thể biết được là Facebook là một cộng đồng vô cùng lớn, là mảnh đất màu mỡ để các bạn có thể chia sẻ những bài viết hay .

Sau bài này các bạn có thể xem DEMO ngay tại Blog

Dưới đây là cách chèn song song cả 2 form comment của Blogspot và Facebook :

Bước 1: Template---> Edit HTML---> Expand Widget Templates .

thêm code sau trước thẻ đóng </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="620"></div>';
//]]>
</script>

data-num-post=5 : số comment hiển thị
data-width=620 chiều rộng khung comment

Bước 2 : thêm code sau vào sau thẻ <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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Bước 3 : tìm đoạn code sau <b:include data='post' name='post'/>
Chèn vào sau nó đoạn code