Tích hợp bình luận Facebook vào blogspot

Ngày này, mạng xã hội facebook là mạng toàn cầu, nhà nhà dùng facebook, người người dùng facebook để nói chuyện, trao đổi công việc, facebook cũng là một công cụ marketing online hiệu quả. Chính vì vậy việc thêm bình luận (comment) của Facebook vào blogspot là rất cần thiết, vừa tạo được nơi bình luận, chém gió cho mọi người, vừa dễ đưa bài viết tới người đọc bởi hiệu ứng lan truyền của nó.

>> Tích hợp bình luận Facebook vào WordPress
>> Hướng dẫn thêm comment Facebook và Google+ vào WordPress không cần Plugin

Hôm nay, mình xin sẽ giới thiệu thêm cho các bạn một cách đơn giản để thêm khung bình luận của Facebook vào blogspot.
Bước 1: Đăng nhập vào trang quản trị blog.
Vào Mẫu chọn Chỉnh sửa HTML
Bước 2: Ấn tổ hợp phím Ctrl + F, tìm </body>
Thêm đoạn mã bên dưới 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>

1 2 3 4 5 6 7 8

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

Và đoạn code sau lên trên 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="<span style="color: #000000; background-color: #ffff00;"> 5</span>" data-width="<span style="background-color: #ffff00;">540</span>"></div> '; //]]> </script>

1 2 3 4 5 6 7

<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="<span style="color: #000000; background-color: #ffff00;">5</span>" data-width="<span style="background-color: #ffff00;">540</span>"></div>'; //]]> </script>

Lưu ý : Các bạn thay
data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment
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 == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

1 2 3 4 5

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

Lưu lại và load lại trang và xem kết quả bạn vừa làm được khi thêm được bình luận facebook vào blogspot