Tích hợp bình luận facebook vào blogger

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

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

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>

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:

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.