Ads

Đặt quảng cáo

Hướng dẫn tích hợp facebook comment vào blogspot

Nếu như các bạn đang sở hữu 1 blog và không thích phần bình luận mặc định của blogspot cung cấp thì ở bài viết này mình sẽ hướng dẫn các bạn chèn Facebook Comment vào blogspot dễ dàng nhất với vài bước cơ bản
Nào cùng bắt đầu nhé

Bước 1 : Tạo App Facebook 
Đăng nhập vào Facebook --> Truy cập https://developers.facebook.com/apps
Các bạn tạo 1 app facebook nhé khá đơn giản thôi ở bài này mình không hướng dẫn phần này nhé
Sau khi đã có App bạn hãy copy lại phần id app nhé
Bước 2 : Chèn Facebook Comment  
Đăng nhập vào Blogger -> Vào Mẫu -> Chỉnh sửa HTML
Thêm đoạn code bên dưới vào thẻ <html

xmlns:fb='https://www.facebook.com/2008/fbml'

Thêm thẻ meta sau vào trước thẻ  </head>

<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Facebook user ID' property='fb:admins'/>


Thay thế Mã Ứng Dụng bằng id của app khi nãy bạn copy nhé
Thay Facebook user ID bằng ID tài khoản facebook của bạn  hoặc link faceook cũng được nhé 

Thêm đoạn code sau vào trước 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/vi_VN/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết.
Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

Vậy là xong, ta Lưu Mẫu lại. 

Cơn mưa ngang qua