Vì Blogspot đã được mặc định có comment bằng tài khoản gmail, nên trong bài viết này mình sẽ hướng dẫn bạn thêm comment bằng Facebook cho Blogspot của bạn.
Bước 1: Thêm đoạn mã sau vào trước thẻ </head>
<script type='text/javascript'>Bước 2: Thêm đoạn mã sau vào ngay sau thẻ <body>
//<![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>
<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>
Bước 3: Tìm đến vị trí mà bạn muốn khung comment sẽ hiển thị. Ví dụ như bạn muốn khung comment sẽ hiển thị sau mỗi bài viết thì bạn tìm đến dòng code sau:
<b:include data='post' name='post'/>
Rồi chèn đoạn code sau vào ngay sau đó
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Không có nhận xét nào:
Đăng nhận xét