Thêm khung bình luận của Facebook vào blogspot.

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.