Bước 1: Thêm đoạn mã sau vào trước 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="540"></div>';
//]]>
</script>
Bước 2: Thêm đoạn mã sau vào ngay 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 đến vị trí mà bạn muốn khung comment sẽ hiển thị. Ví dụ như bạn muốn khung comment sẽ hiển thị sau mỗi bài viết thì bạn tìm đến dòng code sau:
<b:include data='post' name='post'/>
Rồi chèn đoạn code sau vào ngay sau đó
<b:if cond='data:blog.pageType == "item"'>Và đây là kết quả đạt được:
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
