[Thủ thuật Facebook] Chèn comment app facebook vào blogspot

_ Bài viết này mình sẽ hướng dẫn các bạn cách tạo, thêm bình luận facebook vào blogspot và quản lý bằng app. Với cách làm này sẽ giúp bạn dễ dàng quản lý bình luận của bạn đọc thông qua app trên facebook.
_ Đầu tiên các bạn đăng nhập vào tài khoản Facebook. 

_ Sau đó truy cập vào địa chỉ: https://developers.facebook.com/ 
_ Để tạo app yêu cầu tài khoản của bạn phải được xác thực trên facebook thông qua điện thoại di động.
_ Nếu tài khoản của bạn chưa được xác thực thì khi truy cập vào đường link, bạn chọn mục "Ứng dụng" sẽ nhìn thấy mục "Register as a Developer" như hình:

Hình 1: đăng ký app comment facebook bước 1

Bạn chọn Register as a Developer và thấy xuất hiện khung như bên dưới.

Hình 2: đăng ký app comment facebook bước 2

_ Các bạn chọn vào nút màu trắng như hình dưới đây và chọn "Tiếp"

Hình 3: đăng ký app comment facebook bước 3

_ Lúc này sẽ hiện ra bảng bắt buộc điền thông tin điện thoại để kích hoạt. Các bạn điền số điện thoại vào và  nhấn nút "Send as Text" để gửi đi, chờ trong giây lát sẽ nhận được mã xác nhận và điền vào ô "Nhập mã xác nhận" và enter. 

Hình 4: đăng ký app comment facebook bước 4

_ Sau khi hoàn tất đăng ký với facebook. Các bạn truy cập địa chỉ: https://developers.facebook.com/ 
_ Chọn mục "Ứng dụng" và chọn tiếp Create a New App 

Hình 5: cách tạo app comment facebook cho blogspot bước 1

_ Lúc này xuất hiện bảng với 3 mục điền thông tin, các bạn đặt tên cho app và chọn loại hình cho app là kinh doanh hay giải trí,... và nhấn nút Tạo ứng dụng

Hình 6: cách tạo app comment facebook cho blogspot bước 2

_ Facebook yêu cầu nhập mã bảo mật. Bạn điền mã bảo mật như trong hình và nhấn Gửi

Hình 7: cách tạo app comment facebook cho blogspot bước 3

_ Chọn cột Thiết Lập và điền thông tin email như hình, sau đó chọn Thêm nền tảng

Hình 8: cách tạo app comment facebook cho blogspot bước 4

_ Chọn Trang web như hình

Hình 9: cách tạo app comment facebook cho blogspot bước 5

_ Điền địa chỉ website mà bạn muốn chèn app facebook vào như hình bên dưới và Lưu Thay Đổi

Hình 10: cách tạo app comment facebook cho blogspot bước 6

_ Vậy là bạn đã hoàn thành quá trình tạo app comment facebook rồi đấy. Việc tiếp theo là công đoạn chèn đoạn mã facebook vào blogspot nữa là xong.

* Đăng nhập vào tài khoản Blogger. 
_ Sau đó chọn cột "Mẫu" và chọn "Chỉnh sửa HTML"
_ Bấm tổ hợp phím Ctrl F để hiện ra khung "Search" như hình. Gõ lệnh vào khung để tìm thẻ </head> và nhấn enter.
_ Thêm đoạn mã code trong phần tô màu vàng dưới đây vào phía trước thẻ </head>
<meta content='Mã ứng dụng' property='fb:app_id'/>

Hình 11: cách chèn app comment facebook vào blogspot bước 1

_ Thay thế Mã ứng dụng trong đoạn code bằng Mã ứng dụng bạn có được trong app facebook trước đó như hình

Hình 12: cách chèn app comment facebook vào blogspot bước 2

_ Tìm tiếp thẻ </body> và thêm đoạn mã code bên dưới vào phía trước thẻ </body> như hình
<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>

Hình 13: cách chèn app comment facebook vào blogspot bước 3

_ Tìm trong khung Search thẻ </head> và chèn tiếp đoạn mã code dưới đây vào trước thẻ </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="10" data-width="700" colorscheme="light"></div>';
//]]>
</script>

Hình 14: cách chèn app comment facebook vào blogspot bước 4

_ Với:
data-num-posts: số nhận xét được hiển thị (các bạn có thể sửa lại số data-num-posts được tô màu đỏ bằng con số mà bạn muốn).
data-width: độ rộng của khung bình luận (các bạn sửa data-width được tô màu đỏ bằng độ rộng tùy thích với template website của bạn).
colorscheme: màu nền của khung bình luận (bạn có thể tùy chỉnh theo ý thích, có 2 dạng light và dark như hình)

Hình 15: khung nền bình luận facebook dạng light

Hình 16: khung nền bình luận facebook dạng dark

_ Tìm trong khung Search đoạn mã code sau đây: <b:include data='post' name='post'/> và chèn phía dưới đoạn code đó bằng một đoạn mã code như sau:

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

Hình 17: cách chèn app comment facebook vào blogspot bước 5

_ Sau đó chọn Lưu mẫu là hoàn tất.
* Để xem và quản lý bình luận, bạn vào địa chỉ  https://developers.facebook.com/tools/comments và chọn đoạn app vừa tạo.