Hướng dẫn chèn comment Facebook vào Blogspot mới nhất

Mình thấy có rất nhiều blog đã chia sẻ về cách chèn comment Facebook vào Blogspot, tuy nhiên đa phần nội dung chia sẻ đã cũ hoặc có rất nhiều giao diện sau khi làm theo hướng dẫn gặp một số lỗi khiến hộp comment Facebook không hiện làm nhiều bạn loay hoay không biết phải làm sao 😊

Vì thế, trong nội dung bài viết này, mình sẽ hướng dẫn bạn cách chèn comment Facebook vào Blogspot mới nhất. Demo thì giống hoàn toàn như blog của mình 😀

hoang thuy hai

Bước 1: Tạo một ID ứng dụng Facebook tại link https://developers.facebook.com/apps/?action=create.

Xem >> Tạo Facebook app ID cho người mới bắt đầu

Bước 2: Vào giao diện chỉnh sửa html và chèn đoạn code dưới đây sau thẻ <body>
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR-FB-APP-ID',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>

</script>
Thay thế 'YOUR-FB-APP-ID' bằng Facebook app ID bạn đã tạo.

Bước 3: Bấm Ctrl F tìm <div class='post-footer-line post-footer-line-1'> và paste đoạn code dưới đây vào sau <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:post.isFirstPost'>  
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
<div class='clear'/>
Cuối cùng, lưu mẫu và xem thành quả! 😆

Nếu bạn có vấn đề gì cần giải đáp thì để lại comment nhé! 😀
Được tạo bởi Blogger.