Hướng dẫn cài khung comment facebook cho blog, web

1/1/14

Hướng dẫn cài khung comment facebook cho blog, web

Hướng dẫn cách cài thêm khung comment facebook cho blogspot

B1: Đăng nhập blogspot
B2: Chọn mẫu (template)
B3: Chọn chỉnh sửa HTML (Edit HTML)

Hướng dẫn cách cài thêm khung comment facebook | quản lý comment facebook cho blospot

B4: Thêm đoạn mã bên dưới vào trước thẻ </body> (Cách kiếm thẻ </body> nhanh bạn bấm CTRL+ F sẽ hiện ra một box tìm kiếm và gõ </body> và enter , tương tự với các thẻ khác )

<div id="fb-root"></div>
<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>

Và đoạn code sau lên trên 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="540"></div>';
//]]>
</script>
Lưu ý : Các bạn thay

data-num-post="5" số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width="540 " chiều rộng khung comment
B5: Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>
- Rồi thêm ngay dưới nó đoạn code sau:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Xong