CHÈN KHUNG COMMENT FACEBOOK CHO BLOGSPOT

CHÈN KHUNG COMMENT FACEBOOK CHO BLOGSPOT




Hôm nay Namkna 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 blogger. Với khung commnet facebook này bạn có thể tận dụng được lượng độc giả rất lớn từ hơn 1 tỷ người dùng faceboobk trên toàn thế giới.
Hãy xem ảnh minh họa.




Xem demo: VIEW DEMO

(
Lưu ý ấn vào Link đợi 5s rồi ấn skip AD hoặc bỏ qua quảng cáo bên phải bên trên)

» Một số ưu điểm của thủ thuật Comment Facebook đơn giản này.

  1. Không cần phải đăng ký và lấy Id trên facebook. Chỉ cần dùng URL blog của bạn là oke.
  2. Khắc phục chỉ hiển thị khi có 1 commnet của blogger với mẫu threadcommnet.

» Cách thêm khung Comment Facebook vào blog.

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'>
- Đoạn 4: 
<div class='post-footer-line post-footer-line-3'>
Lưu ý: mỗi đoạn cod trên đều có 2 đoạn giống hệt nhau và chỉ có 1 đoạn có tác dụng thôi nha.

- 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" data-href="
http://taduyhungkhmt.blogspot.com/" data-width="470" data-num-posts="10"></div>
</b:if>
Trong đó:
  • Thay http://taduyhungkhmt.blogspot.com/ thành địa chỉ blog của bạn.
  • data-width="470" 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.
    Xong Rồi bạn hãy Lưu lại và quay lại để kiểm tra

Post a Comment

Previous Post Next Post

Labels Max-Results No.

Boxed(True/False)