» » Chèn khung bình luận facebook vào blogspot

Chèn khung bình luận facebook vào blogspot

Việc chèn các tiện ích của Facebook vào trong blogspot là một thủ thuật blogspot giúp bạn chia sẻ nhanh hơn những gì mà người đọc cảm thấy thích. Thêm nữa không thể phủ nhận rằng facebook đang là công cụ tốt nhất trong marketing bởi vì đây là mạng xã hội rộng lớn. Hôm nay mình sẽ hướng dẫn mọi người cách làm như thế nào để chèn khung bình luận facebook vào blogspot.

Khung bình luận facebook
khung bình luận facebook

Hướng dẫn chèn khung bình luận facebook vào blogspot


Bước 1: Đăng nhập Blogger => Mẫu (Template) => Chỉnh sửa HTML (Edit HTML)
Bước 2: Ctrl + F tìm tới thẻ đóng </head> và dán code dưới đây ngay bên trên nó

<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="100%"></div>';
//]]>
</script>
data-num-post="5": là số bình luận được hiển thị
width="100%": bằng độ rộng của khung comment hoặc có thể thay bằng số như 450 chẳng hạn

Bước 3: Bạn tìm tới <body> và dán code dưới đây ngay dưới nó
 
<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 4: Bạn tìm tới đoạn: <b:include data='post' name='post'/> và dán đoạn code dưới đây ngay bên dưới nó
 
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Cuối cùng lưu lại và kiểm tra kết quả.

Cách chèn khung bình luận facebook vào blogspot rất đơn giản phải không? Bạn có thể làm được chứ? Chúc bạn thành công!
Đi lên