Một bài đăng mới ở đây để hướng dẫn cách thêm hộp bình luận Facebook vào Blogger dựa trên mã Nhà phát triển Facebook mới nhất. Bài đăng này có thể hơi dài, nhưng tôi mong bạn kiên nhẫn làm theo tất cả các bước như tôi sẽ làm giải thích chi tiết từng bước và giải pháp cho các lỗi có thể xảy ra hoặc dự đoán trước.
Cách chèn Facebook Comment vào Blogger rất dễ dàng, hãy làm theo 4 bước sau.
Nội dung
# 1. Tạo ứng dụng mới trên Facebook
Mời các bạn xem hướng dẫn tạo Facebook App để lấy ID ứng dụng chèn Bình luận Facebook vào trang web của bạn và quản lý bình luận thông qua ứng dụng bạn vừa tạo.
# 2. Nhận mã do Facebook cung cấp
Để lấy mã, hãy truy cập liên kết https://developers.facebook.com/docs/plugins/comments và chọn các thông số sau:
- Chiều rộng: 100% hoặc chống
- Số lượng bài đăng: Số lượng bình luận được hiển thị theo mặc định
- Phối màu: Tạo kiểu màu cho ô bình luận tùy thuộc vào trang web của bạn, bạn chọn màu gì cho phù hợp
# 3. Đặt mã ID ứng dụng vào thẻ meta
Khi bạn nhận được mã như trong hình 1, hãy chèn mã này, tôi đã thêm 2 thẻ <meta>
<meta property = "fb: app_id" content = "Your_App_ID" />
<meta property = "fb: admin" content = "User_ID" />
</head>
<div id = "fb-root"> </div>
<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&version=v2.3&appId=Your_App_ID";
fjs.parentNode.insertBefore (js, fjs);
} (document, 'script', 'facebook-jssdk')); </script>
Vui lòng thay thế Your_app_id và User_id bằng dữ liệu bạn nhận được, chỉ ID người dùng bạn nhận được bằng cách nhấp vào Ảnh đại diện Facebook cá nhân của bạn
https://www.facebook.com/photo.php?fbid=634855699985102&set=a.104988459638498.6128. 100003820111103 & type = 1 & theatre
Ví dụ trong mã này, ID người dùng là 100003820111103
#4. Đặt mã Bình luận vào bài đăng
Có 2 cách để bạn chèn Bình luận Facebook vào trang Blogger, đầu tiên bạn vào https://www.blogger.com -> Chọn Blog muốn chèn> Menu Mẫu -> Chỉnh sửa HTML và làm theo các cách sau:
Phương pháp 1:
Thêm mã sau ngay bên dưới thẻ <b: include data = ‘post’ name = ‘post’ />
Để tìm thẻ ở trên, hãy nhấp vào vùng thẻ và nhấn Ctrl + F để đánh dấu vị trí này, chèn đoạn mã sau vào bên dưới thẻ màu vàng:
<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if
Phương pháp 2:
Thêm mã doe này sau thẻ </div> của thẻ <div class = ‘post-footer’>
Vẫn thực hiện Ctrl + F để tìm <div class = ‘post-footer’> và cuộn xuống để tìm thẻ đóng của nó </div> và chèn mã này.
<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>
Sau đó chọn Lưu mẫu và kiểm tra kết quả nếu trả về kết quả.
Đánh giá bài viết
[Total: 1 Average: 5]
[…] + Read More Here […]