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

<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
Chèn Comments Facebook Responsive Cho Blogger Reviewed by HTXTM on tháng 9 08, 2016 Rating: 5

Không có nhận xét nào:

All Rights Reserved by Chu Bằng Tips © 2017
Edit bởi: Star Tuấn | Chia sẻ bởi: Blogspot VN

Biểu mẫu liên hệ

Tên

Email *

Thông báo *