Như các bạn cũng biết, người dùng Việt Nam chúng ta khá là ưa chuộng và mình nghĩ hầu như lúc nào tài khoản facebook lúc nào cũng trong trạng thái đã đăng nhập, do đó việc thêm nhận xét của facebook vào blog là một trong những việc giúp cho người dùng nhận xét một cách dễ nhất.
Cách Sừ Dụng Song Song Comment Facebook Và Comment Blogger
Cách Sừ Dụng Song Song Comment Facebook Và Comment Blogger

Sử dụng song song nhận xét Blogger và Facebook

Đầu tiên để khung nhận xét facebook có thể hiện trên blog của chúng ta, bạn phải chèn đoạn mã sau đây vào sau 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.async=true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
nếu có đoạn mã tương tự thì bạn có thể bỏ qua, nhưng tốt nhất là nếu có thì nên sao chép và dán đè lên đoạn mã có sẵn.

Tiếp tục tìm đến đoạn mã sau đây
<b:includable id='comments' var='post'>
đặt đoạn mã dưới đây vào trước thẻ đóng </b:includable> của nó
<div id="fb_comments" style="height:0;visibility: hidden;">
<div class="fb-comments" expr:data-href='data:post.url' data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</div>
sau khi làm xong thì đoạn mã trong template của bạn sẽ như sau
<b:includable id='comments' var='post'>
...
...
...
<div id="fb_comments" style="height:0;visibility: hidden;">
<div class="fb-comments" expr:data-href='data:post.url' data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</div>
</b:includable>
Lại tiếp tục tìm đến đoạn mã sau và làm tương tự như trên
<b:includable id='threaded_comments' var='post'>
Bước cuối cùng bạn tìm đến đoạn mã <b:includable id='post' var='post'>
chèn đoạn mã dưới đây vào trước thẻ đóng </b:includable> của nó
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="Button1" style="margin:70px 0 30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='block';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button1.style.display='none';Button2.style.display='block';">Blogger Comments</div>
<div id="Button2" style="display:none;margin:70px 0 30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='block';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button1.style.display='block';Button2.style.display='none';">Blogger Comments</div>
<div id="Button3" style="margin:70px 0 30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='none';fb_comments.style.height='100%';fb_comments.style.visibility='visible';Button3.style.display='none';Button4.style.display='block';">Facebook Comments</div>
<div id="Button4" style="display:none;margin:70px 0 30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='none';fb_comments.style.height='100%';fb_comments.style.visibility='visible';Button3.style.display='block';Button4.style.display='none';">Facebook Comments</div>
</b:if>

Tùy chọn thêm

Nếu bạn không thích hiện bình luận của Blogger trước khi người dùng chọn để hiện lên, thì bạn có thể thêm đoạn css sau vào blog của bạn (chèn lên thẻ ]]></b:skin>)
#comments { display :none }
như vậy thì chỉ khi người dụng chọn vào một trong 2 hệ thông bình luận thì chúng mới bắt đầu hiện lên.

Lời kết

Những đoãn mã mà mình đã hướng dẫn bạn ở trên thì hoàn toàn sử dụng Javascript chứ không đụng chạm gì đến jQuery nên bạn có thể yên tâm về tốc độ hoạt động trên blog của bạn vì tốc độ xử lý của Javascript nhanh hơn jQuery khá nhiều. Mong rằng sau khi sử dụng song song hai hệ thống bình luận này thì blog của bạn sẽ nhận được nhiều nhận xét hơn.
Theo : kslzone
- - 30 bình luận
CHUYÊN MỤC

BÌNH LUẬN (30)

  1. Hay. đã test và thành công.

    Trả lờiXóa
  2. Hay quá. Cảm ơn Cường nhiều nhiều nha :))

    Trả lờiXóa
  3. cái này xài lâu r ... đã bỏ từ lâu ...

    Trả lờiXóa
    Trả lời
    1. Vẫn còn nhiều người đang cần cái này bạn ạ!

      Xóa
  4. Chào bạn. Mình có áp dụng cho Blog mình nhưng khi bấm sang tab facebook comment thì nó không hiện ô comment mong bạn giúp mình !

    Trả lờiXóa
    Trả lời
    1. Bạn để lại link trang blog của bạn nhé!

      Xóa
  5. - hay cái rất tiện ích cho blog

    Trả lờiXóa
  6. ê cường :v giúp cái này e vs @

    Trả lờiXóa
  7. cái này tem mình ko có thẻ body thì làm sao a

    Trả lờiXóa
    Trả lời
    1. Temp nào cũng có thẻ body bạn ạ. Vì nó là cấu trúc bắt buộc của 1 temp r. Thay vì tìm <body> thì bạn chỉ tìm <body thôi là nó ra.

      Xóa
  8. tại sao mình làm thì nó chỉ hiện khung đăng comment của faceboo mà không có của blogger nhỉ bác xem giúp em với, url: https://quocbinhvip.blogspot.com

    Trả lờiXóa
    Trả lời
    1. Ý bạn là sao mình chưa hiểu lắm, nhưng theo mình thấy thì có phần comment của blogger.

      Xóa
  9. Ý là click vào tab comment của blogger mó không hiện chỗ để viết.comment đó

    Trả lờiXóa
  10. Ý là click vào tab comment của blogger mó không hiện chỗ để viết.comment đó

    Trả lờiXóa
    Trả lời
    1. Mình click vào vẫn thấy hiện mà ?

      Xóa
    2. Blog bạn ý bấm vào k hiện blogger comment nha. Hiện mỗi fb cmt thôi.

      Xóa
    3. Thế là tại sao nhỉ, vào bài thứ 2 vẫn thấy ô comment Blogger mà ta.

      Xóa
  11. Trả lời
    1. Nói chuyện dễ thương nhỉ :)))

      Xóa
    2. um haha . cho tui xin temple gì đii thây tem :((

      Xóa
    3. Cường luôn luôn đẹp trai mà :v

      Xóa

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé