Lượt xem:  lần

Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)

Bước 1: Tạo app facebook
Đăng nhập Facebook ~> Truy cập https://developers.facebook.com/apps
Vào My Apps ~> Với những tài khoản facebook chưa veryfi (xác thực) thì sẽ hiện "Register as a Developer" , bạn vào đây để xem cách xác thực tài khoản trước khi làm tiếp: Hướng dẫn cách xác minh tài khoản Facebook bằng số điện thoại
Khi tài khoản đã được xác thực: Vào My Apps ~> Add a New App


Tiếp theo nhập mã bảo vệ là ta đã tạo xong app.
Khi đã có app, bạn lưu ý copy Mã ứng dụng (App ID) lại để dùng cho bước sau.


Bước 2: Chèn Facebook Comment vào Blogger (Blogspot)
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm dòng code sau vào thẻ <html... (Thẻ html này nằm ở ngay đầu Mẫu)
xmlns:fb='https://www.facebook.com/2008/fbml'


Thêm thẻ meta sau vào trước thẻ </head>
<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Facebook user ID' property='fb:admins'/>
Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1
Thay Facebook user ID bằng ID tài khoản Facebook của bạn

Thêm đoạn code sau vào trước thẻ </body>
<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/vi_VN/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết, có 2 cách để thực hiện.
Cách 1: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

Cách 2: Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'> (Thẻ này nằm trong phần <b:includable id='post' var='post'>)
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

colorscheme='light' : màu của khung bình luận, facebook cung cấp 2 giao diện là light và dark
numposts='5' : số bình luận hiển thị
width='530' : kích thước chiều ngang của khung bình luận

Vậy là xong, ta Lưu Mẫu lại.

Bước 3: Quản lý Facebook Comment
Truy cập https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn để quản lý bình luận facebook trên blog.


Nguồn dxoan.com

Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot) Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot) Reviewed by Unknown on 00:05 Rating: 5
Show Comments: OR

4 nhận xét:

  1. Mình đã làm rất tốt cho việc chèn Comments facebook vào trong Blogspot. Rất tiếc chưa có ai vào để lại dòng Comments cho vui nhà mát cửa cả.

    Trả lờiXóa
    Trả lời
    1. Phải thử test giao diện Comments. Các bạn thử giùm mình nhé

      Xóa
  2. Ngày mới vui vẽ nhé. Blog nầy khá đẹp. Cố gắng lên nào

    Trả lờiXóa

Show Emoticons

Được tạo bởi Blogger.