Cách chèn Facebook Comment nhanh vào Blogger (Blogspot)

Cách chèn Facebook Comment nhanh vào Blogger (Blogspot)

1 : Truy cập vào trang quản trị blog đó ---> Mẫu ---> Chỉnh sửa HTML

Đặt con trỏ soạn thảo trong phần code, bấm Ctrl F để tìm </head>
Copy đoạn code dưới đây và Paste (dán) vào phía 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="30" data-width="666"></div>';
//]]>
</script>

Các thông số
data-num-posts="30": Số bình luận (comment) Facebook hiển thị ở bài viết của Blogspot.
data-width="666px": chiều rộng của khung bình luận.

2 : Tiếp theo, ban bấm Ctrl F để tìm thẻ </body>
Copy đoạn code dưới đây và Paste (dán) vào phía trên 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/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

3 : Đặt khung comment (bình luận) Facebook trong bài viết Blogspot/Blogger.
Thông thường, các comment (bình luận) Facebook sẽ nằm ở cuối mỗi bài viết.

Bạn làm như sau:
Bấm Ctrl F để tìm <b:include data='post' name='post'/>
Copy đoạn code dưới đây và Paste (dán) vào phía dưới dòng <b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

Bấm Lưu mẫu để hoàn tất
Bấm Xem blog ---> vào bài viết bất kỳ của bạn để xem thành quả ^^
Chú ý: Một số mẫu giao diện template Blogspot/Blogger sẽ có nhiều dòng <b:include data='post' name='post'/>, bạn chọn dòng đầu tiên tìm được để thực hiện. Sau đó lưu lại xem kết quả. Nếu thấy không được thì ta chọn dòng khác, đến khi nào được thì thôi ^.^
Nếu ban có thắc mắc gì thì hãy comment phía dưới,hoặc để lai thông tin trong phần Liên hệ nhé.