Hello, chào mừng các bạn đã quay trở lại với Blog của mình! Thuận theo yêu cầu của một số bạn nên mình hôm nay mình sẽ hướng dẫn các bạn các để thêm Comment facebook vào Blog :). Cũng khá nhiều bài viết trên mạng đã hướng dẫn nhưng đã quá cũ mà facebook update giao diện nên mới nên nhìn để làm theo khá là khó. Chính vì vậy mình quyết định viết bài này. Nếu các bạn cho rằng bài viết vi phạm bản quyền hãy để lại một Comment bên dưới. Ngoài ra các bạn cũng có thể xem thêm cách tích hợp bình luận facebook và blogger bên Star Tỉnh IT. Không linh tinh luyên thuyên nữa thì chúng ta bắt đầu nào :v
THỰC HÀNH
Bước 1: Truy cập:developers.facebook.com
Bước 2: Đăng nhập facebook của bạn
Bước 3: Chọn thêm ứng dụng mới
Bước 4: Điền thông tin
Bước 5: Chọn tạo ID ứng dụng
Bước 6: Tại bảng điều khiển ta vào phần cài đặt => thông tin cơ bản
Bước 7: Điền đầy đủ thông tin vào đó và chọn lưu thay đổi
Bước 8: Tại bảng điền khiên ta vào phần xét duyệt ứng dụng
Bước 9: Tại phần " Đặt ở chế độ công khai? " bạn bật chức năng đó lên và chọn xác nhận
Bước 10: Truy cập:https://developers.facebook.com/docs/plugins/comments/
Bước 11: Tại phần " Trình tạo mã plugin Bình luận " bạn điền đầy đủ thông tin cần thiết
Bước 12: Chọn " Lấy mã "
Bước 13: Chỉ Copy mã ở phần Step 2
Bước 14: Chèn thêm 2 thẻ " Meta " để nhận thông báo khi có người Comment
Bước 15: Chèn đoạn code trên vào Blog của bạn (Chèn trước thẻ đóng </body>)
Bước 16: Tìm thẻ
Bước 13: Chỉ Copy mã ở phần Step 2
<meta property="fb:app_id" content="Thay_ID_Ứng_Dụng"/>
<meta property="fb:admins" content="Thay_ID_Facebook"/>
<meta property="fb:admins" content="Thay_ID_Facebook"/>
Bước 16: Tìm thẻ
<b:include data='post' name='post'/>
Bước 17: Chèn code phần hiển thị ngay bên dưới thẻ vừa tìn được
<!-- Phần hiển thị -->
<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</b:if>
<!-- Kết thúc Phần hiển thị -->
Bước 18: Lưu chủ đề và tận hưởng thành quả thôi :)<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</b:if>
<!-- Kết thúc Phần hiển thị -->
LỜI KẾT
Trên đây là toàn bộ hướng dẫn thêm bình luận facebook vào blog mà mình chia sẻ.
Subscribe Our Newsletter
0 Response to "Thêm facebook comment plugin vào blogger"
Đăng nhận xét