Chèn Comments Facebook Responsive Cho Blogger

Facebook hiện nay là một mạng xã hội lớn nhất toàn cầu, và xuất hiện khắp nơi trên internet, ở Blogspot là không ngoại lệ, tuy nhiên Google lại ko hỗ trợ Comment Facebook cho blogspot. Vì vậy ta phải chèn nó qua blogspot để dùng, nay mình sẽ hướng dẫn các bạn chèn khung comments facebook cho blogspot

Chèn Comments Facebook Responsive Cho Blogger

1. Đầu tiên vào Blog >> Mẫu >> Chỉnh sửa HTML

2. Sau đó tìm thẻ mở <head> và chèn sau nó đoạn code sau

HTML<meta content='ID Facebook Admin' property='fb:admins'/>
<meta content='ID Application Facebook' property='fb:app_id'/>

Các bạn thay ID facebook Admin và ID Application Facebook thành cái mã của bạn.

Tìm mã ID Facebook Admin 3. Sau đó chèn đoạn JQuery sau và trước thẻ đóng </head>

Jquery<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width(); 
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10"></div>');
    FB.XFBML.parse( ); 
  });
//]]>
</script>

4. Tiếp các bạn tìm đoạn code <data:post.body/> và chèn đoạn code bên dưới và sau <data:post.body/>

HTML<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

Nếu các bạn tìm thấy hai dòng <data:post.body/> thì các bạn chỉ chèn đoạn code trên vào dòng <data:post.body/> thứ hai trở đi bạn tìm thấy

5. Lưu Mẫu lại và xem kết quả

Lời Kết

Vậy là mình đã hướng dẫn các bạn Chèn Comments Facebook Responsive Cho Blogger, nếu có thắc mắc các bạn cứ comment bên dưới hoặc liên hệ mình, mình sẽ giải đáp.

Chúc các bạn thành công