Thứ Tư, 19 tháng 3, 2014

Chèn khung Comment Facebook cho Blogspot / Website



1- Đăng nhập vào blog




2- Chọn mẫu (Template)




3- Chọn chỉnh sửa HTML (Edit HTML)




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

5- Tìm một trong các đoạn code như sau:

- Đoạn 1:
<div class='post-footer'>
- Đoạn 2:
<div class='post-footer-line post-footer-line-1'>
- Đoạn 3:
<div class='post-footer-line post-footer-line-2'>

- Dán ngay vào sau một trong các đoạn code cừa tìm được đoạn code sau:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments"
expr:href='data:post.url'
data-width="650" data-num-posts="10"></div>
</b:if>

Trong đó:
data-width="650" là chiều rộng của khung nhận xét facebook.
data-num-posts="10" Là số comment sẽ hiển thị trên khung nhận xét.

    Không có nhận xét nào:

    Đăng nhận xét