Chủ đề ngẫu nhiên: Tự sự...-Dự Long
Đánh giá chủ đề:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Gắn Comment Facebook vào blog
#1
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]

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'/>
Mục đích của việc thêm này để bạn quản lý được các comment. Nếu thiếu, ta sẽ không quản lý được ai bình luận cái gì.

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ớ
Bao nhiêu là lá là hoa
Bấy nhiêu là nhớ riêng cho một người rose
ღღღღღTài sản của hothiethoa (View All Items) ღღღღღ
Reply


Có thể liên quan đến chủ đề
Chủ đề: Tác giả Trả lời: Xem: Bài mới nhất
  Xử lý tình trạng khó vào các blog có đuôi .thiamlau.com hothiethoa 2 979 20-11-2013, 07:08 AM
Bài mới nhất: Lou.Lou
  Thêm emoticons vào blog của bạn hvn 4 2,078 10-11-2013, 03:08 PM
Bài mới nhất: quynhhuongtvvk
  Mở rộng khung comment trong blogger hothiethoa 0 1,205 14-03-2013, 03:41 PM
Bài mới nhất: hothiethoa
  Hướng dẫn chuyển blog yahoo sang blogspot (blogger) hothiethoa 1 1,635 18-01-2013, 09:04 AM
Bài mới nhất: hothiethoa

Chuyển nhanh:


User(s) browsing this thread: 1 Guest(s)