Thứ Ba, 10 tháng 12, 2013

Cách thêm comment facebook và quản lý comment cho Blogspot

Mình đã đọc rất nhiều bài viết hướng dẫn khác nhau rất sơ sài. Và khi cài được trên blogspot comment FaceBook lúc tải được lúc không do nỗi mã hóa. Nên Mình xin edit lại như sau. ( Bài viết có sử dụng một số ảnh trên blogger khác là bittuot do mình ngại úp)
Cách thêm comment facebook và quản lý comment cho Blogspot - website . Chèn khung Comment Facebook cho Blogspot .Hướng dẫn Cách thêm comment facebook và quản lý comment cho Blogspot .Làm sao để có thể quản lý được comment facebook trên blogspot của mình (xóa comment của người khác, và nhận thông báo khi có comment mới )

Sau khi mình viết bài: Cách thêm comment facebook cho Blogspot có nhiều bạn đưa ý kiến là không quản lý được các comment trên blogspot đó. Không biết khi nào có comment mới , và xóa những comment mang tính khiếm nhã như thế nào. Vì vậy sau đây Bít Tuốt xin chia sẻ với các bạn Cách thêm comment facebook và quản lý cho Blogspot để các bạn có thể dễ dàng trả lời và quản lý comment khi có comment mới trên blog - website của bạn. Hãy cùng Bít Tuốt xem chi tiết hướng dẫn dưới đây :

Cách thêm comment facebook và quản lý cho Blogspot - Web

Bước 1. Tạo Facebook APP

Chú ý mình đang dùng facebook với tiếng viêt nhé
  • Truy cập https://developers.facebook.com/apps
  • Click vào nút: Ứng Dụng ==>  Register as a Developer (bạn được hình dưới chọn vào ô checkbox rồi nhấn tiếp tục)

Cách thêm comment facebook và quản lý cho Blogspot - Web






Bắt đầu tạo app: Ứng Dụng => Create a New App điền đầy đủ thông tin rồi nhấn vào Tạo Ứng dụng

Cách thêm comment facebook và quản lý cho Blogspot - Web

sau khi thành công bạn sẽ có mục id này

Cách thêm comment facebook và quản lý cho Blogspot - Web


Cách thêm commnet facebook cho blogspot

Bước 1 - Đăng nhập vào blog

Bước 2 - Chọn mẫu (Template)

Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)

Chú ý:  Trước khi chỉnh sửa code web lên tải bản code về để có bản gốc, tránh trường hợp code lỗi ko khôi phục lại được !

- Tìm đoạn code  <html  thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó ==> xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)

- Thêm đoạn code sau dưới thẻ <head> ===> <meta content='1381242482126904' property='fb:app_id'/>

Chú ý: 1381242482126904 là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé

Cách thêm comment facebook và quản lý cho Blogspot - Web


Bước 4 - Thêm đoạn mã bên dưới vào sau thẻ <body>

link code: https://developers.facebook.com/docs/reference/javascript/


<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });
    // Additional initialization code here
  };
  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/vi_VN/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>




Thay: YOUR_APP_ID  thành mã id của bạn vd là: 1381242482126904


Bước 5  Chèn Facebook Comment vào Blogger
Trong template, các bạn tìm code

<b>Tags:</b> <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop> 
<div style='background:#ffc209;padding:2px 0;margin:1px 0px 2px 0px;width:100%;float:left;height:2px;border-radius:2px 2px 2px 2px;'>

   Và thêm vào ngay sau đó code này:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
<b:if cond='data:blog.pageType == "item"'>
    <div
    style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
        <script
        src='http://connect.facebook.net/vi_VN/all.js#xfbml=1'
        />
        <div>
            <fb:comments
            colorscheme='light'
            expr:href='data:post.url'
            expr:title='data:post.title'
            expr:xid='data:post.id'
            width='550'
            />
        </div>
                </div>
                </b:if>
Bây giờ các bạn chỉ việc Save lại template và kiểm tra kết quả.


Cách quản lý comment facebook trên blogspot

Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:

Bước 1: Bạn truy cập vào link sau https://developers.facebook.com/tools/comments (chú ý bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé)
Cách thêm comment facebook và quản lý cho Blogspot - Web


- Bạn muốn comment nó thuộc bài viết nào thì bạn click sang Moderator View ==> click chuột vào phần Visit Website để sang bài viết mà có comment đó.

Còn bây giờ mọi người hay bắt tay vào và test ngay thôi !
Chúc các bạn thêm phần comment facebook và quản lý cho Blogspot thành công!

Mọi thắc mắc hay cần giúp đỡ các bạn vui lòng commnet phía bên dưới nhé !

Bài viết này áp dụng cho những ai dùng code http://template-helloximo.blogspot.com/ .Lưu ý Muốn kiểm tra xem việc cài đặt có thành công hay không bạn xóa lịch sử trình duyệt . Vào lại trang chủ " Phải chờ trang chủ tải hết nhé . Trang chủ mà không tải hết thì comment FB không  hiện ra đâu". Sau đó nhấn vào link bất kỳ xem kết quả thôi

Mình nhặc lại là  Phải chờ trang chủ tải hết nhé . Trang chủ mà không tải hết thì comment FB không  hiện ra đâu". Sau đó nhấn vào link bất kỳ xem kết quả thôi



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

Đăng nhận xét

Related Posts Plugin for WordPress, Blogger...