Hướng dẫn thêm hộp Facebook comment box vào bài viết blogspot

Facebook là mạng xã hội lớn nhất thế giới với hơn 1,5 tỷ cư dân mạng. Cách đây vài năm ở Việt Nam mạng xã hội Zing thống  trị nhưng giờ thì Facebook đã vượt mặt để trở thành mạng xã hội được sử dụng nhiều nhất Việt Nam. Với sự tiện lợi của việc chia sẻ và tương tác người dùng, thì lợi ích mà mạng xã hội này mang lại là rất lớn.

Là một webmaster/blogger chúng ta không thể nào thờ ơ trước lợi thế vô cùng lớn này.
Đây sẽ là một nguồn truy cập (visit) quan trọng cho website hay blog của bạn nếu bạn biết cách sử dụng nó. Một cách khá hay là hãy để người đọc bình luận và chia sẻ bài viết của bạn bè lên tường của họ một cách thuận lợi nhanh chóng với hộp Facebook comment box được tích hợp vào cuối mỗi bài viết của website hay blog.

Hiện nay trên mạng cũng chia sẻ nhiều cách để bạn có thể làm được điều này. Nhưng trong những cách đó thì có những cách không áp dụng được với một số Template của Blogspot và cũng không ít cách quá rườm rà cho Newbie. Hôm nay, Dich vu SEO Da Nang sẽ hướng dẫn bạn cách tích hợp hộp Facebook comment box vào blogspot với 3 bước cực kỳ đơn giản sau đây:

Cách tích hợp Facebook Comment Box vào blogspot

Bước 1: Bạn thêm đoạn code sau vào trước thẻ </body>

<div id="fb-root"></div>
<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 2: Bạn tìm code sau: //<![CDATA[

 và thêm vào ngay sau nó đoạn code sau

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>';

Nghĩa là bạn thêm như thế này:

 <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>

Trong đó :
data-num-post=5 : số comment được hiển thị. Nếu vượt quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment facebook hiển thị

Bước 3: Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>
Rồi thêm ngay dưới nó đoạn code sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Lưu lại vậy là Xong !
Bạn có thể xem demo ngay cuối bài viết này. Nếu bạn làm không được thì để lại comment mình sẽ làm giúp cho nhé !

Nguồn: DaNangSEO.com