4/7/13

Chèn khung Comment Facebook cho Blog / Web

Đăng bởi Admin | 4/7/13 | 4 nhận xét
Hôm nay mình 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.
Facebook Comment Box cho Blogspot / Website

Xem demo: VIEW DEMO


» 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:
<div class="fb-comments" data-href="http://thuthuatvitinhaz.blogspot.com/" data-width="470" data-num-posts="10"></div>
Trong đó:
  • Thay http://thuthuatvitinhaz.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.

Note: Ngoài ra bạn cũng có thể dán code trên vào tiện ích HTML/Javarscrip ngay dưới bài đăng của bạn.

» Để thêm vào web site!

- Để thêm vào web site bạn dán file script vào giữa 2 thẻ <body>---</body>

                                                                                                        Theo: Namkna
                                                                                                        Thu thuat vi tinh

4 nhận xét:

  1. nếu là chèn vào web thì sao bạn nhỉ

    Trả lờiXóa
    Trả lời
    1. Đã HD ở dòng cuối cùng của bài viết này đó thôi

      Xóa
  2. Mình rất thích blog của bạn.
    Mình mới quay trở lại viết blog được ít ngày, có gì chúng ta cùng trao đổi thông tin nha, cảm ơn bạn.
    http://buithedo.blogspot.com

    Trả lờiXóa
    Trả lời
    1. Cảm ơn bạn ! Rất vui vì bạn thích nó. Thủ thuật vi tính cũng là niềm yêu thích của mình. Mình thích vi tính nên mình xây dựng nó. Vừa bước vào năm học mới nên mình hơi bận, nhưng mình sẽ cố gắng post bài thường xuyên... Mong sao nó có ích cho mọi người, nhất là những người còn bỡ ngỡ về vi tính...

      Xóa

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva