12:39
Mạng xã hội facebook chắc hẳn không còn xa lạ gì với các bạn nữa, với sự phổ biến của nó thì các bạn cũng đoán được phần nào lợi ích khi đưa comment facebook vào blog rồi. Vì vậy trong bài viết này mình sẽ chỉ các bạn cách thêm khung comment facebook vào blog.
Top bình luận cho blogspot
Trước tiên, các bạn truy cập vào: https://developers.facebook.com. Các bạn chọn "Apps", "Create a New App"
Các bạn đặt tên cho ứng dụng.
Cuối cùng các bạn trở về "Dashboard", copy lấy cái ID.
Vào "Chỉnh sửa HTML", thêm đoạn sau vào thẻ <html>: 'xmlns:fb='https://www.facebook.com/2008/fbml'
và đoạn này vào trước thẻ </head>: <meta content='ID' property='fb:app_id'/>
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>
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="15" data-width="800"></div>';
//]]>
</script>
Lưu ý:
- data-num-posts="15": Số nhận xét được hiển thị.
- data-width="800": Độ rộng của khung bình luận.
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 ngay phía bên dưới bài viết. Các bạn tìm đoạn code sau:
<b:include data='post' name='post'/>
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>
</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.
Không có nhận xét nào :
Đăng nhận xét