» » » ^_^

Cách Thêm Hộp Comment Facebook Vào Blog

Để thêm phần tiện lợi cho Blog ta phải thêm khung bình luận facebook vào, vì đa phần mọi người đều kết có nối tài khoản facebook khi lướt web.
1. Đăng nhập Facebook rồi Click vào Link sau: https://developers.facebook.com/apps/
Click vào App => Register as a development như hình dưới, tick I accept rồi tiếp tục.

Cách Thêm Hộp Comment Facebook Vào BlogCách Thêm Hộp Comment Facebook Vào Blog

Nó sẽ hiện ra cửa sổ yêu cầu xác nhận số điện thoại, bạn nhập số điện thoại vào nó sẽ gửi mã xác nhận và ấn tiếp tục là được.
2. Tạo App
Click App => Create a New App như hình:
Cách Thêm Hộp Comment Facebook Vào Blog

Ấn Tạo Ứng Dụng là OK:
Cách Thêm Hộp Comment Facebook Vào Blog

3. Đăng nhập vào Blogger.com => Mẫu => Chỉnh sửa HTML
(Trước khi chỉnh sửa bất cứ cái gì bạn nên lưu lại một bản gốc OK trước đó nhé).
(Cách tìm Code: Click vào khung chứa code và ấn Ctrl+F, và đánh từ khóa tìm kiếm)
- Tìm thẻ <HTML (thường thì nó ở ngay dòng thứ 3). Thêm vào bên phải nó code dưới:
xmlns:fb='https://www.facebook.com/2008/fbml'
-Tìm thẻ mở <head> thêm đoạn code sau dưới nó: 
<meta content='1501768176733851' property='fb:app_id'/>
-Thay dãy số ID App mới tạo bên facebook của bạn vào dãy số trên.
Mình sẽ đặt commnet ngay dưới bài viết nên tìm đoạn mã  
<b:include data='post' name='post'/>
 thêm dưới nó đoạn code sau: 
<!--facebook comment start-->
<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&amp;appId=1501768176733851&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='7' width='640'/>
</b:if>
<!--facebook comment end-->
- Màu đỏ là dãy số bạn phải thay đổi. - Màu xanh là những số tùy chỉnh cho phù hợp: numposts='7' là số comment hiển thị, nếu quá sẽ gộp lại. width='640' là chiều rộng khung comment. 
Chúc các bạn thành công.

Google+

author funny icon

Hi! Bạn đang xem Cách Thêm Hộp Comment Facebook Vào Blog tại blog thanksban ^_^
Chúc bạn một ngày tốt lành, hạnh phúc.
Have a beautiful day!

1 nhận xét:

nhận xét
Anonymous
September 2, 2014 at 8:44 PM ×

Comment chế độ ẩn danh

^_^ cám ơn lời nhận xét của bạn.
Reply
avatar
^_^

Chào bạn.
» Nếu có thắc mắc, góp ý, hãy để lại lời nhận xét.
» Cách chèn link: <a href='Link' rel='nofllow'>Tên hiển thị</a>
Home Show Code ConvertHide Code Convert Show EmoticonHide Emoticon

& ' " < >
:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
:lv
Thanks for your comment
Subscribe to: Post Comments (Atom)
20