10/6/15

Chèn Facebook comment vào Blogspot

Với sự lan tỏa khủng khiếp của mạng xã hội Facebook như hiện nay. Việc người người sử dụng Facebook, nhà nhà sử dụng Facebook là chuyện quá đỗi hiển nhiên.

Cũng vì nó phát triển quá là mạnh mẽ, khiến cho các diễn đàn của Việt Nam gần như chết đứng, những diễn đàn hiện nay còn tồn tại được cũng không mấy gọi là đình đám như ngày xưa.

Cũng chung số phận với diễn đàn. Bây giờ thực tế mà nói ra, viện mọi người viết blog để chia sẻ cũng giảm đi khá nhiều. Bởi lẽ việc sử dụng các blog hay diễn đàn thì có lẽ mọi người cảm thấy việc trao đổi không được nhanh chóng như là Facebook ( Ý kiến cá nhân :V )

Để thuận tiện hơn trong việc trao đổi kiến thức trên blog khi mà đã số mọi người đều sử dụng Facebook như vậy. Viietj Blogger xin được hướng dẫn các bạn chèn tiện ích Comment của Facebook vào chính blog của mình, nhằm nâng cao sự tương tác giữa người đọc và tác giả blog.

Các bước thực hiện như sau:

Bước 1: Các bạn vào phần Mẫu của blogger vào chọn Chỉnh sửa HTML



Bước 2: các bạn tìm đến thẻ </body> và thêm và trên thẻ đó đoạn code sau

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '922120084498892',
      xfbml      : true,
      version    : 'v2.3'
    });
  };
  (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>



Với  922120084498892 là id của app. Các bạn tự thay bằng củacmình nhé!

Bước 3: Các bạn copy đoạn code dưới đây

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

Rồi chèn vào dưới đoạn

<b:includable id='comments' var='post'>


Bước 4: Bạn chèn vào dưới thẻ <head> hai thẻ sau

<meta content='ID Facebook của bạn' property='fb:admins'/>
<meta content='ID APP' property='fb:app_id'/>



Xong rồi đấy. Chúc các bạn thành công nhé!


Không có nhận xét nào:

Đăng nhận xét