Home
» chen khung binh luan bang facebook vao blog
» chèn khung bình luận bằng facebook vào blog
» khung nhan xet facebook
» thu thuat
» thu thuat blogspot
» Cách chèn khung nhận xét bằng facebook vào bloger và quản lý bình luận bằng App
Cách chèn khung nhận xét bằng facebook vào bloger và quản lý bình luận bằng App
Thứ Ba, 11 tháng 2, 2014
Tạo ứng dụng facebook quản lý bình luận, nhận xét
Lưu ý: Để tạo app, tài khoản người dùng tại facebook của bạn phải được veryfi (xác thực)
Bước 1: Các bạn đăng ký app trên facebook
- Truy cập vào địa chỉ: https://developers.facebook.com/
- Tạo app mới như trong hình.
Đăng ký app |
Bước 2: Đặt tên cho app (Ứng dụng)
Nhập mã bảo vệ sau khi chọn "Tạo ứng dụng"
Bước 3: Thiết lập ứng dụng vừa tạo tại Facebook
Chèn khung nhận xét vào blogspot
Bước 4: Đăng nhập vào blogger, vào 'Mẫu' sau đó vào 'Chỉnh sửa HTML'
- Thêm đoạn sau vào thẻ <html...
xmlns:fb='https://www.facebook.com/2008/fbml
- Đoạn sau vào trước thẻ </head>
<meta content='Mã ứng dụng' property='fb:app_id'/>
Thay thế Mã ứng dụng của app mà bạn đã tạo (hình tại bước 3)
Bước 5: Thêm đoạn mã bên dưới 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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Bước 6: Thêm đoạn code bên dưới vào trước thẻ đóng </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="5" data-width="540"></div>';
//]]>
</script>
//<![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="5" data-width="540"></div>';
//]]>
</script>
Lưu ý:
- data-num-posts="5: Số nhận xét được hiển thị.
- data-width="600: Độ rộng của khung bình luận.
- data-num-posts="5: Số nhận xét được hiển thị.
- data-width="600: Độ rộng của khung bình luận.
Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot
Thông thường ta sẽ chèn khung này ngay phía dưới bài viết.
Tìm một trong các đoạn code sau:
<b:include data='post' name='post'/>
Sau đó thêm đoạn code sau vào bên dưới đoạn vừa tìm được:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Lưu ý:Để xem và quản lý các bình luận, ta vào https://developers.facebook.com/tools/comments, chọn app vừa tạo.
Chúc các bạn thành công !
Bài liên quan
Comments[ 0 ]
Đăng nhận xét