Cách thêm comment facebook vào blogspot đơn giản

Chào các bạn sau đây Trí Nguyễn Blog sẽ hướng dẫn cách thêm comment facebook vào blogspot 1 cách cực kì đơn giản mà hình như ai cũng biết cả rồi , mình hướng dẫn cho những ai chưa biết thôi nhé. Cũng có rất nhiều cách để thêm comment facebook vào nhưng cách này mình thấy đơn giản nhất.

Bước 1 :  bạn thêm đoạn mã javascript này trước thẻ </body>

 <script>//<![CDATA[
     (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/vi_VN/sdk.js#xfbml=1&appId=452441968191452&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

//]]></script>

Bước 2 : bạn thêm doạn mà javascript này 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>

Chú thích : 

• data-number-posts="5" : là số comment sẽ hiển thị ra (tùy chỉnh theo ý bạn)
• data-width="540" : là chiều rộng của khung comment facebook (tùy chỉnh theo ý bạn)

Bước 3 : bạn vào phần edit template blogspot tìm dòng <b:include data='post' name='post'/>

=> bạn dán đoạn code này ngay dưới nó :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Chú ý: Một số bạn có thắc mắc về màu chữ hay khung có màu trùng với màu nền thì các bạn thực hiện thêm bước sau nhé (nếu ko ảnh hưởng thì không cần làm thêm bước này)

Dán đoạn code sau vào trước thẻ ]]></b:skin>.

.comments-page {
background-color: #f2f2f2;
width:540px
}
#blogger-comments-page {
padding: 0px 5px;
display: none
}
.comments-tab {
float: left; padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #f2f2f2
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px
}
.comments-tab:hover {
background-color: #eeeeee
}
.inactive-select-tab {
background-color: #d1d1d1
}

Trí Nguyễn Blog chúc các bạn thành công.
Tag tìm kiếm : cach them comment facebook vao blogspot don gian