+- Thi Ẩm Lâu (https://thiamlau.com/forum)
+-- Diễn đàn: Hậu Viên (https://thiamlau.com/forum/forum-3.html)
+--- Diễn đàn: Khu công nghệ cao (https://thiamlau.com/forum/forum-29.html)
+--- Chủ đề: Gắn Comment Facebook vào blog (/thread-1700.html)
Gắn Comment Facebook vào blog - hothiethoa - 29-09-2013
Demo
Thủ thuật này không dành cho các bạn làm blog cá nhân, mà mục đích các trang blog kiểu như blog truyện, phim hoặc các mô hình mạng xã hội như haivl,...
1/ Đầu tiên, bạn vào https://developers.facebook.com/apps , đăng ký một ứng dụng của facebook,Mục đích để lấy được mã số ứng dụng, phạm vi bài hướng dẫn này sẽ không đề cập việc làm thế nào có mã số ứng dụng. Tuy nhiên, nếu mò mãi mà vẫn không sao active được apps ID thì Hớ sẽ hướng dẫn sau. Bạn cũng có thể tham khảo bài này để biết cách đăng ký apps.
Khi Active được thành công, nó sẽ như thế này
![[Hình: app.JPG]](https://lh5.googleusercontent.com/-lSN1v8k_qQg/UkfTCyJkc4I/AAAAAAAAiMM/238eAllNkGU/w601-h350-no/app.JPG)
bạn lưu ý số App ID, trong trường hợp này, appID của trang cunghoangdao là: 219261881444406
2/ Vào trang Blog, mở rộng mẫu, chỉnh sửa html,
Dưới thẻ
Mã:
<head>Thêm vào
Mã:
<meta content='219261881444406' property='fb:app_id'/>Lưu ý thay số 219261881444406 bằng AppID bạn đã tạo bên trên.
3/ Cũng trong trình soạn html của mẫu, tìm tới đoạn:
Mã:
<b:includable id='comment-form' var='post'>
<div class='comment-form'>Thêm liền ngay sau đó:
Mã:
<div class='fb-comments' data-width='560' expr:href='data:post.url'/>Với 560 là chiều rộng trang nội dung blog. Có một vài mẫu, phần comment còn chia cho cả mobile nên bạn lưu ý thêm cho cả hai phần này. Và trình soạn thảo blog mới hơi khó cho việc tìm kiếm đoạn code nên cũng khá khó khăn cho các bạn thực hiện bước 3.
4/Save lại và Quay ra phần bố cục, thêm một tiện ích Html/Javascript mới. Chèn vào đoạn script sau:
Mã:
<!--FaceBook Comment -->
<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/en_US/all.js#xfbml=1&appId=219261881444406";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>Chú ý thay appId=219261881444406 bằng ID của bạn đã đăng ký trên facebook nhé!
Xem lại
Demo
Chúc huynh đệ tỷ muội thành Công.
Hớ