Hướng dẫn tạo khung Comment Facebook cho Blogger. Các nhà phát triển Facebook luôn cố gắng làm cho trải nghiệm người dùng tốt hơn với các tính năng của nó và chính Facebook. Vì vậy, đó là lý do tại sao nhà phát triển Facebook cũng giới thiệu Huy hiệu và các plugin xã hội bao gồm một số thứ hữu ích cho phần còn lại của web.
Đối với danh sách một số plugin tốt nhất, bình luận trên Facebook là một trong số đó. Hộp Facebook Comment giúp người truy cập blog của bạn có thể bình luận trên blog của bạn thông qua tài khoản Facebook.
Nhận xét trên Facebook cũng giúp tăng lưu lượng truy cập trang web của bạn vì nếu ai đó sử dụng tài khoản của họ để nói, thì bài đăng được đề cập của bạn sẽ tự động xuất hiện trong nguồn cấp tin tức của họ, điều này làm tăng cơ hội nhận được nhiều khách truy cập hơn.
Chúng ta đã thảo luận về những ưu điểm của việc thêm Facebook Like Box. Và, sử dụng nút Like trên Facebook ở giữa các bài viết.
Hộp Nhận xét của Facebook cũng giúp bạn làm cho blog của mình thân thiện với người dùng nếu bạn có lượng khách truy cập lớn từ Facebook. Vì vậy, nếu bạn muốn thêm bình luận Facebook vào blog của blogger của mình, hãy làm theo các bước đơn giản dưới đây một cách cẩn thận.
Hướng dẫn tạo khung Comment Facebook cho Blogger
Phần 1: – Tạo Ứng dụng Cho Hộp Bình luận Facebook.
- Trước hết, bạn cần tạo một ứng dụng trên Facebook. Nếu bạn biết cách, hãy truy cập liên kết được cung cấp bên dưới.
- Sau đó Cửa sổ Popup sẽ xuất hiện để điền các thông tin chi tiết liên quan đến ứng dụng Facebook.
- Điền Tên hiển thị, Email liên hệ và chọn danh mục, sau đó nhấp vào Tạo ID ứng dụng.
- Trong vòng vài giây, một ứng dụng mới sẽ được tạo. Bây giờ bạn phải thay đổi trạng thái đánh giá ứng dụng từ chế độ nhà phát triển sang chế độ công khai, như hình dưới đây.
- Bây giờ sao chép Dán ID ứng dụng để sử dụng trong các bước tiếp theo. Nếu bạn không thể tìm thấy một vị trí đơn giản như hình dưới đây.
Phần 2: – Cài đặt cho Blogger Theo Plugin Facebook.
- Mở phần Mẫu Blogger của bạn trong Blog >> Sau đó, Chỉnh sửa HTML.
- Bây giờ Tìm kiếm <html và thay thế nó bằng đoạn mã dưới đây.
<html xmlns:fb='http://www.facebook.com/2008/fbml'
- Bây giờ Tìm kiếm <head> và dán mã bên dưới ngay bên dưới thẻ đã tìm kiếm.
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Safe Tricks' property='og:site_name'/>
<meta content='Blog-Logo-Image' property='og:image'/>
<meta content='Your-App-Id' property='fb:app_id'/>
<meta content='http://www.facebook.com/SafeTricks' property='fb:admins'/>
<meta content='article' property='og:type'/>
Thay thế:-
Safe Tricks : – Với Tên Blog.
Blog-Logo-Image : – Với Hình ảnh Logo.
Your-App-Id : – Với ID ứng dụng Facebook.
SafeTricks : – Với Tên người dùng Trang Facebook.
Các cài đặt này sẽ giúp gỡ lỗi trang web theo API đồ thị của Facebook theo cách tốt hơn.
Phần 3: – Thêm Hộp Bình luận Facebook Trong Mẫu Blogger.
- Đi tới phần Chỉnh sửa HTML của mẫu blogger của bạn.
- Tìm kiếm Bằng CTRL + F Đối với <body> HOẶC <body expr: class = ‘& quot; loading & quot; + data: blog.mobileClass ‘>
- Bây giờ, hãy thay thế ID APP bằng mã của bạn từ mã đã cho bên dưới.
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP-ID',
xfbml : true,
version : 'v2.7'
});
};
(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/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
- Sao chép mã đã cho ở trên và dán ngay bên dưới <body> HOẶC <body expr: class = ‘& quot; loading & quot; + data: blog.mobileClass ‘> như hình bên dưới.
- Bây giờ, hãy tìm kiếm lại bằng CTRL + F trong phần mẫu cho <b:include data=’post’ name=’post’/>
- Sau đó, Dán mã được cung cấp bên dưới ngay bên dưới mã đã tìm kiếm.
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div>
</div>
</b:if>
- Sau khi đăng cả hai mã ở vị trí không chính xác. Lưu mã mẫu của bạn.
- Bây giờ Checkout, bất kỳ bài đăng nào đã xuất bản của bạn, để kiểm tra hộp bình luận Facebook có hiển thị hay không.
- Trong trường hợp bạn muốn điều chỉnh độ rộng của hộp nhận xét, sau đó thay đổi các giá trị của width = ‘600 ′ theo lựa chọn của bạn.
Phần 4: – Các bước để ẩn hộp bình luận của Blogger.
- Nếu bạn muốn ẩn hộp nhận xét blogger của mình
- Sau đó chuyển đến tab Cài đặt của blog >> Sau đó Đăng và Nhận xét
- Bây giờ Thay đổi Vị trí Nhận xét thành Ẩn và sau đó lưu cài đặt.
Kết luận, chúng tôi hy vọng hướng dẫn này hữu ích cho bạn. Đối với bất kỳ hỗ trợ, câu hỏi hoặc thắc mắc nào, vui lòng để lại bình luận bên dưới. Chia sẻ hướng dẫn này với bạn bè của bạn.
