Chèn comment facebook blogspot

Bạn đang xây dựng blogspot thì ý kiến của bạn đọc sẽ giúp chúng ta xây dựng blogspot tốt hơn, mặc định blogspot đã cho ta ứng dụng comment bằng tài khoản google, bạn muốn chèn thêm comment facebook để tiện cho bạn đọc để  lại ý kiến, hôm nay mình sẽ hướng dẫn chi tiết chèn comment facebook vào blogspot.

CHÈN KHUNG COMMENT FACEBOOK

Bước 1: Đăng ký app trên facebook
- Truy cập vào địa chỉ: https://developers.facebook.com/- Login

-Chọn MY APP ở góc trên bên phải

-Create APP

Như hình bên dưới:

1.Đã login vào trang tạo ứng dụng

2.Tạo ứng dụng

3.Tạo ứng dụng cho www

4.Chọn Create App ID

5. đặt tên cho App ID

6.Lấy APP ID

Bước 2: Đặt tên cho app facebook
Đặt tên app facebook , điền tên lập lại của app facebook, chọn thể loại của app -> chọn app for page

Tiếp theo nhập mã bảo vệ ,xác minh bằng hình ảnh do facebook đưa ra nhé ! -> "Tạo ứng dụng"

Bước 3: Coppy APP ID của app mà ta vừa tạo trên Facebook
Sau khi đăng nhập và tạo app trên facebook thì ta làm các bước tiếp theo:
Bước 4: Đăng nhập vào blogger, vào "Mẫu" ->"Chỉnh sửa HTML"

-Chèn  đoạn sau vào trước thẻ </head>

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

LƯU Ý: Thay thế Mã ứng dụng của app mà bạn đã tạo như trong hình tại bước 3.

Bước 5: Thêm đoạn mã bên dưới 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/en_US/all.js#xfbml=1&quot;;
        fjs.parentNode.insertBefore(js, fjs);
      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Bước 6: Thêm đoạn code bên dưới vào trước thẻ đóng </head><script type='text/javascript'>

//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>

Lưu ý:
- data-num-posts="5: Số nhận xét được hiển thị.
- data-width="600: Độ rộng của khung bình luận.

Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspotVào chỉnh sửa giao diện blogger. Ấn Ctrl + F để tìm đoạn code phía dưới

• Thông thường ta sẽ chèn ngay phía bên dưới đoạn code sau:

<b:include data='post' name='post'/>

Thêm đoạn code sau vào bên dưới đoạn vừa tìm được:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Lưu ý: Để xem và quản lý các bình luận, ta vào https://developers.facebook.com/tools/comments, chọn app vừa tạo.