Hướng dẫn thêm Facebook Comment vào Blog
Thêm Facebook Comment vào Blog của bạn |
Facebook là một nguồn traffic rất lớn và rất dễ dàng để kiếm lượt view từ Facebook vì vậy form Facebook Comment khá là cần thiết cho Blog của bạn ngoài Form Defaut Comment của Blogger.
Hướng dẫn Thêm Facebook Comment vào Blog của bạn :
Trên google nếu search với từ khóa thêm Facebook comment vào blog thì có rất nhiều cách làm khác nhau. Hôm nay mình xin hướng dẫn các bạn một cách rất đơn giản để thêm Facebook Comment vào Blog. ( Song song cả 2 form comment )
Video hướng dẫn :
Video hướng dẫn :
1. Truy cập Template - Edit Html :
Thêm code sau đây trước thẻ đóng </head>
<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="620"></div>';
//]]>
</script>
2. Thêm code sau vào ngay sau thẻ <body>
<div id='fb-root'/>3. Tìm vị trí mà muốn hiển thị Form Comment ví dụ muốn ở ngay sau bài viết thì tìm dòng code sau :
<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:include data='post' name='post'/>
Và thêm vào sau đó đoạn code :
<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Rất đơn giản phải không ? Save lại và thử xem .
Hướng dẫn thêm Facebook Comment vào Blog
Reviewed by Nguyễn Tuấn Anh
on
10:04 AM
Rating:
Cảm ơn bài viết của bạn,mình vừa làm cho blogspot của mình
ReplyDeleteBạn ơi, do blogspot mình làm nền đen nên khi bình luận chữ sẽ trùng màu nền. Vậy bạn có thể cho làm thêm đoạn code chèn hình nền cho ô bình luận này không? Thanks bạn
ReplyDeletecái này là mặc định của Facebook rồi bạn, k đổi màu đc bạn ah
Delete