Unknown vào lúc
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

<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>
<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/>
<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
DMCA.com Protection Status
Chia Sẻ:
Axact

Chu Bằng Monkey

Tôi là Chu Bằng, tôi đang làm và phát triển tại KenhVietPro.Blogspot.Com.
Tôi yêu thích lập trình Wap/Web và chia sẻ code , kiến thức IT.

Blogger Tips Blogger

Nhận Xét:

0 comments:

Subscribe to: Post Comments (Atom)