Home »

Cách thêm comment facebook vào Blogspot

10 tháng 1, 2014
Việc tương tác với người dùng trên mạng xã hội (ở nước ta thì chủ yếu là Facebook) hay bằng tài khoảng Gmail, ngoài việc có thể dễ dàng lấy được ý kiến của người đọc thì nó còn có tác dụng tăng lượng truy cập, cũng như là nó sẽ giúp cho Blog của bạn lan truyền một cách mạnh mẽ hơn.

Vì Blogspot đã được mặc định có comment bằng tài khoản gmail, nên trong bài viết này mình sẽ hướng dẫn bạn thêm comment bằng Facebook cho Blogspot của bạn.
Cách thêm comment facebook vào Blogspot

Bước 1: Thêm đoạn mã sau vào trước thẻ </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="540"></div>';
//]]>
</script>
Bước 2: Thêm đoạn mã sau vào ngay sau thẻ <body>
<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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>









Bước 3: Tìm đến vị trí mà bạn muốn khung comment sẽ hiển thị. Ví dụ như bạn muốn khung comment sẽ hiển thị sau mỗi bài viết thì bạn tìm đến dòng code sau:
<b:include data='post' name='post'/>



Rồi chèn đoạn code sau vào ngay sau đó
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>






Và đây là thành quả mà bạn sẽ nhận được: 

Cách thêm comment facebook vào Blogspot


Bạn cũng có thể tham khảo thêm bằng video sau:

Tags: , ,

Comments[ 0 ]


Đăng nhận xét