LÀM SAO TÍCH HỢP COMMENT BOX CỦA FACEBOOK VÀO BLOGGER
Vấn đề này chắc nhiều bạn đã biết rồi và cũng có khá nhiều bài viết hướng dẫn. Tuy nhiên, thực tế thì FaceBook đã có nhiều thay đổi trong t...
https://cuanhcuem.blogspot.com/2011/10/lam-sao-tich-hop-comment-box-cua.html
Vấn đề này chắc nhiều bạn đã biết rồi và cũng có khá nhiều bài viết hướng dẫn. Tuy nhiên, thực tế thì FaceBook đã có nhiều thay đổi trong thời gian gần đây, bao gồm cả việc tích hợp các pluggin của nó vào các website. Trong bài viết này, Share All World sẽ giới thiệu cách tích hợp pluggin comment của Facebook vào trong trang blogspot của bạn. Mục đích của việc này là gì chắc hẳn các bạn cũng đã biết rõ. Đương nhiên đó là sự tương hỗ phát triển cho 2 nguồn traffic của bạn: mạng xã hội và website.
Có nhiều bài viết hướng dẫn cách thay thế hệ thống comment sẵn có của Blogger bằng của Facebook. Đó cũng là một thủ thuật hay. Có điều tôi cho rằng điều đó không cần thiết và gây lãng phí vì sẽ mất đi 1 lượng comment sẵn có (của Blogger). Đó là chưa kể những trường hợp như Share All World, bỏ biết bao công sức ra "mông má" cái comment cũ kỹ của blogger nên không nỡ xếp nó vào trong xó. Vậy thì ta có thể sử dụng plugin của Facebook ở đâu? Rất đơn giản, bạn có thể đặt nó vào 1 trang tĩnh nào đó và sử dụng nó như 1 kênh hỏi đáp, liên hệ, "bà tám",... Bạn có thể tham khảo tại đây!
OK, giới thiệu thế đủ rồi, chúng ta bắt tay vào việc thôi ...
Bước 1: Tạo một ứng dụng facebook (App Facebook) bằng cách vào đây. Bạn tiến hành điền các thông tin trong bảng "Create an App" để tạo ứng dụng mới.
Bước 2: Ứng dụng mới đã được tạo. Bạn ghi nhớ lại số AppID để sử dụng sau này (tất nhiên bằng cách copy nó vào notepad chứ không phải căng óc ra học thuộc lòng nó !).
Bước 3: Vào "Edit setting" để chỉnh lại một số thông số cho phù hợp.
Bước 4: Vào đây để cài đặt Facebook comment plugin.
Bạn điền các thông số tương ứng vào bảng trên và nhấn "Get Code".
Bước 5: Sau khi nhấn "Get Code", bảng các code của comment plugin sẽ hiện ra. Bạn chọn Tab "XFBML" để lấy code.
Bước 6: Vào Edit HTML của blog, tìm đoạn mã <html và thay thế nó bằng <html xmlns:fb="http://ogp.me/ns/fb#" .
Bước 7: Chèn đoạn mã dưới đây vào sau thẻ <body>:
Bước 8: Từ Dashboard của Blogger, vào "Page" để tạo 1 Page mới (Đối với giao diện Blogger cũ thì vào Post → Edit Page → New Page). Bạn đặt tên Page của bạn tùy theo ý thích và mục đích. Sau đó, bạn chép đoạn code dưới đây vào phần soạn thảo HTML của Page.
<fb:comments href="example.com" num_posts="10" width="560"></fb:comments>
Số comment hiển thị (num_post) và chiều rộng (Width của comment box như bạn đã thực hiện ở bước 4.
Xong. Bạn lưu lại và thưởng thức thành quả của mình thôi. Chúc bạn thành công!
Có nhiều bài viết hướng dẫn cách thay thế hệ thống comment sẵn có của Blogger bằng của Facebook. Đó cũng là một thủ thuật hay. Có điều tôi cho rằng điều đó không cần thiết và gây lãng phí vì sẽ mất đi 1 lượng comment sẵn có (của Blogger). Đó là chưa kể những trường hợp như Share All World, bỏ biết bao công sức ra "mông má" cái comment cũ kỹ của blogger nên không nỡ xếp nó vào trong xó. Vậy thì ta có thể sử dụng plugin của Facebook ở đâu? Rất đơn giản, bạn có thể đặt nó vào 1 trang tĩnh nào đó và sử dụng nó như 1 kênh hỏi đáp, liên hệ, "bà tám",... Bạn có thể tham khảo tại đây!
OK, giới thiệu thế đủ rồi, chúng ta bắt tay vào việc thôi ...
Bước 1: Tạo một ứng dụng facebook (App Facebook) bằng cách vào đây. Bạn tiến hành điền các thông tin trong bảng "Create an App" để tạo ứng dụng mới.
Bước 4: Vào đây để cài đặt Facebook comment plugin.
Bước 5: Sau khi nhấn "Get Code", bảng các code của comment plugin sẽ hiện ra. Bạn chọn Tab "XFBML" để lấy code.
Bước 7: Chèn đoạn mã dưới đây vào sau thẻ <body>:
<div id="fb-root"></div>Lưu ý thay đoạn tô đỏ bằng AppID của bạn (nhận được ở bước 2).
<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/en_US/all.js#xfbml=1&appId=119819078113491";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Bước 8: Từ Dashboard của Blogger, vào "Page" để tạo 1 Page mới (Đối với giao diện Blogger cũ thì vào Post → Edit Page → New Page). Bạn đặt tên Page của bạn tùy theo ý thích và mục đích. Sau đó, bạn chép đoạn code dưới đây vào phần soạn thảo HTML của Page.
<fb:comments href="example.com" num_posts="10" width="560"></fb:comments>
Số comment hiển thị (num_post) và chiều rộng (Width của comment box như bạn đã thực hiện ở bước 4.
Xong. Bạn lưu lại và thưởng thức thành quả của mình thôi. Chúc bạn thành công!
Trong trường hợp khi thực hiện chèn mã ở bước 7 mà template báo lỗi không thực hiện được, bạn đừng vội lo lắng. Hãy chép toàn bộ code ở bước 7 và dán vào ngay bên trên code ở bước 8 trong phần soạn thảo HTML của page. Sau đó bạn lưu lại là xong. Chuc bạn thành công!
chỗ cmt của bác đâu
ReplyDelete