Facebook được cập nhật liên tục và thay đổi nhiều plugin mới nên những hướng dẫn chèn comment facebook vào blogspot trước đây đều không thể quản lý được comment (hiển thị, trả lời, ẩn hoặc cấm người dùng). Trong bài viết này mình sẽ hướng dẫn các bạn chèn bình luận facebook vào trong bài viết blogspot một cách hiệu quả. Đây là cách chèn comment facebook vào blogspot mới nhất 2016, có thể quản lý được comment của người dùng, nhận được thông báo facebook khi có người dùng bình luận vào bất cứ bài viết nào trên blog. Thật tuyệt vời phải không nào ?
Bắt đầu thực hiện nhé !
Bước 1. Tạo App Facebook mới nhất 2016
Truy cập đường link: https://developers.facebook.com/ trên thanh menu chọn My Apps ---> Register as a Developer (Nếu như đã có tài khoản App rồi thì hãy tạo một App mới bằng cách chọn Add a New App).
Cách tạo App facebook thật đơn giản |
Tạo App facebook chỉ với vài bước đơn giản |
Gạt sang nút YES để đăng ký |
Chọn advanced setup để cấu hình |
Đặt tên cho App |
Xác nhận bạn không phải là robot |
Lưu tạm mã App ID sang một nơi nào đó |
- Phần App Domains: với những blog trỏ tên miền riêng thì các bạn nhập cả phần www. Với những blog có đuôi .blogspot.com thì các bạn chỉ cần nhập tên miền blog bình thường ví dụ như thuthuatmaytinhlaptop.blogspot.com.
- Phần Contact Email: các bạn nhập gmail quản lý và không được bỏ trống phần này.
- Phần Site URL: sau khi click Add Platform thì các bạn sẽ thấy phần này, nhập trang blog của bạn vào đây bao gồm cả http://
Sau đó lưu lại (Save Changes)
Như vậy là các bạn đã tạo xong App Facebook rồi đó, không hề khó chút nào đúng không ?
Bước 2. Quan trọng nhất - Chèn khung bình luận facebook vào blogspot
Chọn Mẫu-> Chỉnh sửa HTML->Ctr+f gõ tìm thẻ <head> và chèn đoạn code sau vào sau thẻ <head>
<meta content='App_ID' property='fb:app_id'/>
Thay App_ID bằng mã App của các bạn ở phần Dashboard (nếu quên các bạn xem lại hình 7).
Tiếp tục tìm đến thẻ <body> và chèn đoạn code sau vào sau 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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=App_id&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Thay thế App_id bằng mã App của các bạn
Tìm đến đoạn mã <b:include data='post' name='post'/> và chèn đoạn code sau vào bên dưới
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='10' data-width='710px' expr:data-href='data:blog.canonicalUrl'/>
</b:if>
Các bạn có thể chỉnh sửa thông số "710px" cho vừa với khung comment bài viết của blog các bạn.
Giờ thì lưu lại và xem ở mục comment ở một bài viết bất kỳ nhé. Nếu như thấy khung comment face book hiện Public Comments Moderator View là thành công.
0 nhận xét:
Post a Comment