Chủ Nhật, ngày 28 tháng 8 năm 2016

Cách thêm bộ plugins Facebook vào từng bài viết trong Blogspot mới nhất

Vấn đề này không mới đã có từ lâu và có rất nhiều bài viết trên các website và diễn đàn chỉ cần gõ từ khóa thêm nút like. share Facebook hay bình luận Facebook vào blog là có rất nhiều bài viết hướng dẫn. Tuy nhiên khi chúng ta thêm vào lại thấy không được như ý và thêm bình luận Facebook lại không thể kiển duyệt được có khi nào chúng ta tự hỏi mình đã làm sai chỗ nào. Chuyên mục hôm nay sẽ hướng dẫn bạn một cách nhanh tróng và quan trọng là có thể kiểm duyệt được bình luận.


Bước 1. Tạo ứng dụng Facebook bắt buộc tại địa chỉ https://developers.facebook.com


Cái này chắc ai cũng biết cả không phải hướng dẫn nữa, nếu bạn đã tạo rồi thì bỏ qua bước này.

Bước 2. Truy cập vào bảng điều khiển của ứng dụng ở đây có 3 vấn đề bạn phải quan tâm

1. Xác định ID của ứng dụng


2. Thêm địa chỉ Blog của bạn vào.


Chọn cài đặt>Thông tin cơ bản>Thêm nền tảng và thêm url blog

3. Xét duyệt ứng dụng của bạn ở chế độ công khai.


Bước 3: Thêm code vào Blog

1. Đăng nhập Blogger vào Mẫu>Chỉnh sửa HTML thêm đoạn sau vào trước thẻ đóng </body> và lưu lại:
<div id="fb-root"></div>
<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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.7&amp;appId=ID Ứng dụng";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Thay ID Ứng dụng bằng ID của bạn ví dụ như 583598571819746

2. Thêm thẻ meta sau vào trước thẻ </head>
<meta property="fb:app_id" content="ID Ứng dụng" />
<meta property="fb:admins" content="Facebook User ID"/>
Để xác định Facebook User ID truy cập trang web http://findmyfbid.com dán link trang cá nhân của bạn và bấm Find number ID

3. Thêm đoạn css vào phía trên thẻ ]]></b:skin> của blog để phần fb cmt có thể co dãn theo reponsive của blog.
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style]
{ width: 100% !important; }
4. Xác định vị trí muốn thêm vào bài viết bắt buộc là trong thẻ <b:include data='post' name='post'/>  thông thường là sau thẻ <div class='post-footer'>
<div class='fb-like' data-action='like' data-href='' data-layout='button_count' data-share='true' data-show-faces='false' data-width='520'/>
<div class="fb-follow"  data-layout="button_count" data-size="small" data-show-faces="false"></div>
<div class="fb-send" ></div>
<div class="fb-save" data-size="small"></div>
<div class='fb-comments' data-numposts='5' data-width='750'/>
Thay 5 bằng số lượng bình luận muốn hiển thị và 750 là kích thước của khung bình luận Facebook.

OK như vậy bạn đã vửa thêm bộ plugins Facebook vào từng bài viết trong Blogspot rồi, bạn cũng lưu ý cho là phải sau 24 tiếng từ khi bạn thêm vào Blog thì bình luận mới có tác dụng. Để kiểm duyệt bình luận bạn truy cập link https://developers.facebook.com/tools/comments.


Tại đây bạn có thể Cấu hình lại bình luận như hình dưới


Các bước cũng chỉ đơn giản vậy thôi và bạn cũng lưu ý khi người nào đó bật công cụ lọc quảng cáo trên trình duyệt như Ablock, Adguad thì cá plugin như like , Share,... sẻ bị chặn và không hiển thị chỉ còn mỗi bình luận thôi.