√ Chèn comment Facebook vào Blogspot mới nhất

Chèn comment Facebook vào Blogspot mới nhất

Nency

2016-11-03

Khuya rồi làm nốt bài này luôn cho xong! bài trước mình đã trình bày Cách tạo app và lấy ID cho trang Facebook rồi! bây giờ mình ứng dụng nó vào trong blogspot này để thêm mục comment facebook

Điểm lợi thế khi thêm comment facebook vào blogspot là tiện cho việc hỏi của người dùng, đại đa số phần lớn người dùng họ luôn dùng facebook!

Sau khi tạo được App thì đã có mã scrip rồi! các bạn vào Blog-->Mẫu-->Chỉnh sửa HTML tìm thẻ </body> và dán đoạn code sau vào trên nó

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1829042384044090',
      xfbml      : true,
      version    : 'v2.8'
    });
  };

  (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/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Các bạn thay số dòng appId : '1829042384044090', thành số appId của các bạn!

Như hình:

Thêm khung bình luận facebook vào bài viết

Ở đây nếu bạn muốn chèn khung bình luận vào vị trí cuối bài viết thì xem cách dưới đây. Nếu không bạn có thể chèn bất cứ vị trí nào bạn thích. Mà thường thì dưới mỗi bài viết.

Tìm đến thẻ: <div class='comment' id='comment'>

Và chèn code dưới đây sau nó. Chú ý bạn sẽ tìm thấy vài thẻ như trên, hãy lần lượt thay thế, đúng vị trí mới hiện thị.

<div class='fb-comments' data-num-posts='5' data-width='100%' expr:href='data:post.canonicalUrl'/>

Các bạn nên chú ý phần này:
data-num-posts='5' : Tức là chỉ load tự động 5 bình luận
data-width= : Độ rộng của khung bình luận
Nói thêm cho các bạn về thẻ của facebook: Thêm thuộc tính quản trị (tức thêm thẻ Meta) thêm sau thẻ <head>

<meta content='id các bạn' property='fb:app_id'/>
<meta content=''id các bạn' property='fb:admins'/>
<meta content='https://www.facebook.com/'id các bạn/' property='article:publisher'/>
<meta content='https://www.facebook.com/'id các bạn/' property='article:author'/>
Thay màu đỏ thành id của các bạn

P/s: Chúc các bạn cài đặt thành công

ads