Thêm tổng số nhận xét Facebook vào Blogger

Ở các thủ thuật của blog mình và nhiều những blog khác có hướng dẫn các bạn cách để chèn nhận xét của Facebook vào mã nguồn Blogger này. Ví dụ như trên blog mình có một số bài viết như sau:
Chèn thì có chèn rồi nhưng thống kê nhận xét thì nó chỉ hiện tổng số nhận xét của Blogger thôi. Thế bây giờ muốn nó hiện thêm tổng số nhận xét của facebook thì làm sao? Bài viết này mình sẽ trả lời cho các bạn câu hỏi này.

Thêm tổng số nhận xét Facebook vào Blogger
Tổng số nhận xét Facebook ở Blogger

Chèn tổng số lượng nhận xét của facebook vào trang chủ

Thực chất thì mình cũng có hướng dẫn lấy tổng số nhận xét facebook rồi, nó nằm ở bài "Thêm tổng nhận xét vào thủ thuật sử dụng song song Blogger và Facebook" nay mình hướng dẫn chèn nó ra trang chủ vị trí ngay cảnh cái tổng số nhận xét mặc định thôi. Chúng ta bắt đầu nào, bạn vào chỉnh sửa HTML trong blog của bạn, tại đây bạn tìm đến
<b:includable id='comment_count_picker' var='post'>
và chèn vào sau nó
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><fb:comments-count expr:href='data:post.url'/> Facebook Comment</a> -
tùy thuộc vào template mà nó có thể hiện được hay không, nếu không hiện thì để lại link địa chỉ blog của bạn ở dưới comment mình sẽ hướng dẫn. Demo ở đây, cuối chân của mỗi bài đăng nhé:
http://ksltest92.blogspot.com/
cái phần tổng số nhận xét ở trên (tổng của Blogger và Facebook) hiện tại đang gặp một số lỗi nhất định nên mình sẽ sửa và chia sẻ sau.

Nhược điểm của thủ thuật này là tốc độ xuất hiện tương đối hơi chậm, cái này không trách ai được rồi thì nó phụ thuộc hoàn toàn vào Facebook nhé.

Như vậy là chỉ đơn giản với một dòng code như vậy bạn đã chèn xong tổng số nhận xét của facebook vào blog của mình. Mọi thắc mắc thêm cứ xả thoải mái tại bài viết này cho mình nhé.

9 bình luận

  1. avatar says

    lúc 15:09 24 tháng 11, 2014

    Làm thế nào để thêm target blank vào profile người comment như blog này KSL ơi? :)

  2. avatar Nặc danh says

    lúc 17:20 24 tháng 11, 2014

    bạn thêm đoạn code này trước thẻ đóng head
    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
    <script type='text/javascript'>
    jQuery(document).ready(function () {

    jQuery('a[href*="http://"]:not([href*="'+ window.location.hostname +'"])').attr("target", "_blank");
    });
    </script>
    Theo anh Kiều Lâm :)

  3. avatar says

    lúc 08:12 25 tháng 11, 2014

    Cũng là ý kiến hay nhưng blog anh mod code chứ không xài jQuery :D Tìm
    <a expr:href='data:comment.authorUrl' rel='nofollow'>
    thêm target='_blank' cho nó
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>

  4. avatar says

    lúc 09:42 25 tháng 11, 2014

    Vẫn ko đc Lâm ợ :(. Chưa thử cách bạn Việt vì cứ thấy script là ngán :D

  5. avatar says

    lúc 18:46 25 tháng 11, 2014

    Sơn ơi cho mình xin code chuyển mã HTML có được không ạ

  6. avatar says

    lúc 12:05 26 tháng 11, 2014

    Ai giúp mình responsive comment facebook đc ko :(

    Google thử code dưới mà ko đc :(

    .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style]
    {
    width: 80% !important;
    }

  7. avatar says

    lúc 12:46 26 tháng 11, 2014

    CSS thì ổn rồi còn cái đoạn gọi facebook comment ra ông thử cái này nhé
    <div expr:data-href="data:post.url" class="fb-comments" data-numposts="5" data-colorscheme="light" data-width="100%"></div>

  8. avatar says

    lúc 13:12 26 tháng 11, 2014

    Kì vậy ta, không thì bác Duy thử xài nhận xét phân cấp hack trên blog nó tự có cái đó :D

  9. avatar Em Lỡ Tay says

    lúc 21:00 26 tháng 11, 2014

    Responsive cho Plugin Facebook Comment rất đơn giản, sử dụng đoạn CSS này nhé:

    .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
    .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

    Chúc thành công!

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.