Cài đặt Comment Facebook cho Blogspot

Facebook là xu thế tất yếu, không thể cưỡng lại được vậy nên cài đặt comment facebook vô blog để mọi người ghé thăm nhanh chóng có thể bình luận là một điều kiện thuận lợi để hút thêm tương tác với bài viết. Hơn thế nữa nó sẽ giúp kéo thêm độc giả khác từ tương tác Facebook của người đã tương tác comment.
comment fb

Từng bước tạo comment facebook cho blogger

1- Đầu tiên cần tạo app trong mục:

Vào FB trong link nè: Deverloper của facebook

Khi tạo được App thì lấy ID của app để quản lý ứng dụng Comment trong website / blog của bạn, sau này dù có thay đổi giao diện...(ko thay domain nhé) thì các comment cũ vẫn còn theo các bài viết.

2- Tiếp đến vào chỉnh sửa trong HTML

Vô mục Template >> Edite
Tìm dòng code: <html  và thêm vào dòng code dưới đây:
xmlns:fb='http://www.facebook.com/2008/fbml'
Tìm đến dòng code sau:
<body> hoặc có template để kiểu: <body ....
Rồi thêm dòng code dưới đây vào ngay dưới code trên vừa tìm được. 
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;YOUR_APP_ID&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
Thay YOUR_APP_ID bằng ID bằng ID app fb mà bạn mới tạo ở trên nhé.

Tiếp đến search thẻ <head>

Thêm dòng code dưới đây vào sau thẻ <head>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Thế Này Nhé Blog' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/yourfb' property='fb:admins'/> <meta content='article' property='og:type'/>

Thay các mục bên trong nhé: Tên Blog của bạn / Hình ảnh logo blog / ID FB app comment vừa tạo ở trên. / link trang FB cá nhân (admin)

Tiếp đến search:
<b:includable id='comment-form' var='post'>

Thêm code này ngay bên dưới code vừa tìm được nhé:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Blogger Template <b><a alt='blogger templates' href='http://www.thenaynhe.com/search/label/blogger%20theme' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>Blogger Theme</a></b> Created by <b><a alt='blogger tips' href='http://www.thenaynhe.com/search/label/blogspot%20tips' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Tips'>Blogger Tips</a></b></div></div>
</b:if>
Các bạn có thể thay thế các dòng tô màu như : Light thành Dark (tức là thay đổi màu sáng tối)
Kích thước ô cmt là 520 /510 có thể thay đổi theo template của bạn cho phù hợp hơn!

Nào: Save Template
Và tận hưởng cmt fb ngay trong blog của bạn^^
Chúc may mắn !
DEMO > COMMENT FACEBOOK


P/S:
Cách cài đặt Cmt FB theo bộ code này mình đã làm với rất nhiều blog và Ok 100% nhé!
Share on Google Plus

About Thế Này Nhé

Thế này nhé blog tuyển tập những thứ linh ta linh tinh do hội chứng hứng thì viết thoai ^^ 

Mình là mình rất thích được gạ gẫm đi cafe cafao nhé. Bàn chiện gì kiếm ra tiền thì càng hay. Ko thì ta chém chiện Gu cafe, chiện đây đó, chiện "trính chị" thì cũng thú vị ^^

2 comments:

  1. comment thì được nhưng có quản lý được các comment này không ad, như ẩn comment xoá commnet...

    Trả lờiXóa
    Trả lời
    1. Đuợc bạn nhé.
      Đây là quyền của admin app comment facebook. Xoá, ẩn cmt ...ban user.

      Xóa

Thanks for your message !