Facebook được biết đến là mạng xã hội lớn nhất hành tinh, với đa số người dùng Online đều có tài khoản. Theo danh sách của Forbes (nguồn Internet, danh sách tỷ phú thế giới), ông chủ của Facebook là một trong những người giàu có nhất thế giới, từ đó nhận thấy nguồn lợi rất lớn từ sự tin tưởng và số đông. Người ta sử dụng mạng xã hội này ngoài mục đích chính như ta biết là "Like", "Comment" và "Share", thì mục đích khác làm nên thành công cho Facebook là; người ta đến với Facebook với khả năng quảng bá thương hiệu cho Công ty, Tổ chức và Kinh doanh Online v.v..
Cùng với đó các App, Games, Plugin cũng được đầu tư và phát triển, tích hợp tính năng của Facebook ở mọi nơi trên Internet.
+ Đăng nhập vào BlogSpot, chọn "Mẫu" vào chỉnh sữa mã HTML
Chèn mã này ngay sau thẻ </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="10" data-width="664"></div>';
//]]>
</script>
Tiếp theo bạn chèn mã này sau thẻ mở <body> , thay ID App của bạn vào
<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 = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Ctrl + F tìm đoạn mà <b:include data='post' name='post'/>
Chèn mã:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
ngay sau đoạn mã vừa tìm được
Lưu ý: Bạn có thể chỉnh độ rộng vào số comment hiển thị
+ Để quản lý comment bạn vào trang https://developers.facebook.com/tools/comments
Nhưng để tiện hơn bạn có thể quản lý comment ngay trên BlogSpot, bạn làm như sau
Thêm đoạn mã xmlns:fb="http://ogp.me/ns/fb#" vào thẻ mở <HTML
Tiếp đến chèn thẻ
<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>
ở sau thẻ <head>
P/s: Như vậy là bạn đã có thêm tính năng Comment Facebook trên BlogSpot của mình, mọi thắc mắc phản hồi cũng như các thực hiện có chỗ nào bạn chưa làm được xin vui lòng comment bên dưới.
Cùng với đó các App, Games, Plugin cũng được đầu tư và phát triển, tích hợp tính năng của Facebook ở mọi nơi trên Internet.
Sau khi cài đặt và thử nghiệm thành công tính năng Comment Facebook trên BlogSpot, nay mình xin giới thiệu cách thực hiện. ?Điều này không phải là mới, bạn có thể dễ dàng Search Google "comment facebook on blogspot", nhưng mình thấy các hướng dẫn đó chưa ổn (thiếu quản lý Comment nội stie, quyền Admin).Các bước thực hiện;
+ Tạo 1 App trên trang https://developers.facebook.com/apps
Click nút "Create New App"
Create New App
Chèn mã này ngay sau thẻ </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="10" data-width="664"></div>';
//]]>
</script>
Tiếp theo bạn chèn mã này sau thẻ mở <body> , thay ID App của bạn vào
<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 = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=YOUR_APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Ctrl + F tìm đoạn mà <b:include data='post' name='post'/>
Chèn mã:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
ngay sau đoạn mã vừa tìm được
Lưu ý: Bạn có thể chỉnh độ rộng vào số comment hiển thị
+ Để quản lý comment bạn vào trang https://developers.facebook.com/tools/comments
Nhưng để tiện hơn bạn có thể quản lý comment ngay trên BlogSpot, bạn làm như sau
Thêm đoạn mã xmlns:fb="http://ogp.me/ns/fb#" vào thẻ mở <HTML
Tiếp đến chèn thẻ
<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>
ở sau thẻ <head>
Lấy ID facebook, https://graph.facebook.com/username
{ 0 nhận xét ... read them below or add one }
Đăng nhận xét