Tác Giả 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><b:if cond='data:blog.pageType == "item"'>
<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ấy5. 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
EmoticonEmoticon