Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Tích hợp Facebook comment vào Blogspot, có thể quản lý comment

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi Phạm Hữu Dư, 28/5/13.

Lượt xem: 15,854

  1. Phạm Hữu Dư phamhuudu.com

    Mình có dự định ấp ủ là sẽ làm thật nhiều tutorial về các mã nguồn web thông dụng hiện nay như Wordpress. Tuy Blogspot không phải là mã nguồn mở, nó chỉ là 1 trang blog của Google thôi, tuy nhiên nếu biết tùy chỉnh nó thì ta hoàn toàn có được 1 trang web chuyên nghiệp.

    Mình sẽ có làm 1 bài viết giới thiệu khái quát về Blogspot khi có thời gian, còn bây giờ mình xin được làm 1 hướng dẫn khá có ích mà mình vừa thực hiện thành công, đó là tích hợp Facebook comment vào Blogspot.

    Đây là hình ảnh demo của Facebook comment sau khi tích hợp vào website sử dụng Blogspot
    RZw3alV.jpg

    Các bạn có thể xem demo online trực tiếp tại đây: http://video.vietdesigner.net/2013/05/huong-dan-lam-anh-tang-hinh-bang.html

    Okay, mình bắt đầu làm luôn nhé! Đầu tiên bạn cần phải có app Facebook, tạo app để bạn có thể quản lý được các comment Facebook trên website bạn, nếu bạn không dùng app riêng thì sẽ không thể nào quản lý được. Về cách tạo app Facebook thì các bạn có thể tự Google thêm nhé.

    Sau khi đã có app ID Facebook rồi thì các bạn vào Blogspot để thêm code vào template, đầu tiên ta sẽ thêm đoạn code sau ngay dưới thẻ </head>
    <script type='text/javascript'>
    //<![CDATA[
    var purl= location.href;
    var fb_href = purl.substring(0,purl.indexOf(".html")+5);
    var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="10" data-width="700"></div>';
    //]]>
    </script>
    Các bạn có thể thay thông số data-num-posts là 5 hay 10 tùy ý, đây là số comment tối đa hiện ra, nếu trên 5 hay 10 nó sẽ rút gọn lại. Còn data-width là chiều rộng của khung comment.

    Tiếp theo các bạn thêm đoạn code này sau thẻ <body>
    <div id='fb-root'/>
    <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 = &quot;//connect.
    	
    facebook.net/en_GB/all.js#xfbml=1&amp;appId=317194081746383";;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
    Thay appId mà khi nãy bạn tạo app Facebook vào nhé!

    Và cuối cùng là thêm đoạn code hiển thị cái khung Facebook comment này, cái này bạn muốn đặt ở đâu trong template là tùy theo bạn nhé :)
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    document.write(fbcm);
    </script>
    </b:if> 
    Ấn Save và tận hưởng kết quả nha :D

    Còn nếu bạn muốn quản lý comment thì chỉ việc vào https://developers.facebook.com/tools/comments và chọn vào app cần xem là xong!

    Chúc các bạn thành công :)

    ...
    ThienFurniture, lovthegreat, pitlamgi8 người khác thích bài viết này.
  2. Đoilơ ViệtDesigner

    Đoilơ ViệtDesigner Thành viên cấp 5

    Cho ra 1 loạt tut vào chanel youtube luôn anh :D
  3. NetworkBlend

    NetworkBlend Thành viên cấp 2

    Thank bác Dư :D - Đang cần mấy cái này cho vào blog :))
  4. MioDung

    MioDung Thành viên cấp 3

    Hay quá, hóa ra là vậy, trước có tạo cái cmt mà vào bài nào cũng chỉ mỗi khung cm chung hjxxxxxxxx
  5. toanlove371

    toanlove371 Thành viên cấp 3

    Có cách nào để bỏ luôn cái nút Post to Facebook luôn không?
  6. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    MioDung nhờ có cái data-href="'+fb_href+'" nên mỗi link là 1 fb cmt khác nhau, ko còn bị dính chung nữa :D

    toanlove371 đây là code mặc định do Facebook đưa ra rồi, sao mà bỏ đc chứ, thử liên hệ anh Mark Zuckerberg xem sao :)) Cơ mà cái nút Post to Facebook nó có lợi thế cơ mà, sao lại xóa?
  7. toanlove371

    toanlove371 Thành viên cấp 3

    Phạm Hữu Dư , tại em muốn làm cái blog chỉ cho mấy đứa bạn em biết thôi, mà sợ có đứa không biết lại cứ tick vào đấy mà comment :D
  8. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    toanlove371 thế khuyên ko nên dùng cái FB comment này, mà chỉ dùng hệ thống comment mặc định của Blogspot thôi ;)
  9. stun_stakura

    stun_stakura Thành viên cấp 2

    Vậy muốn bỏ comment mặc định của blogspot thì làm thế nào vậy anh Dư.
  10. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

  11. stun_stakura

    stun_stakura Thành viên cấp 2

    Phạm Hữu Dư tắt cái đó đi nó có ảnh hưởng đến phần comment fb không anh.
  12. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Cứ làm đi rồi hãy hỏi, tự mày mò và làm thì mới khá lên nỗi chứ?
  13. Mèo Heo

    Mèo Heo Admin Việt Font

    stun_stakura thích bài viết này
  14. TrollVL

    TrollVL Thành viên cấp 2

    Có thể tích hợp song song 3 loại comment blogspot, facebook và google+ nữa. Và nếu thích cả twitter nữa. Có lẽ trong thời gian gần mình sẽ hướng dẫn cách tích hợp các loại comment này vào blogspot. Các bạn có thể xem demo trước tại đây
    JusTa Khôi thích bài viết này
  15. JusTa Khôi

    JusTa Khôi Thành viên cấp 3

    TrollVL thích bài viết này
  16. kakarimmy

    kakarimmy Mới đăng kí

    rồi làm sao để biết có người comment trên blogger của mình.
    vì mỗi bài đã có khung comment rồi, ko hiện ra như comment blogger ??
  17. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    kakarimmy thích bài viết này
  18. kakarimmy

    kakarimmy Mới đăng kí

    -hiện tại blog mình add vào rồi, giờ gỡ ra vẫn còn ô comment fb đó. giờ muốn gỡ triệt để thì làm sao bạn ?
    - phải có mục quản lý những comment đó chứ, giống blogspot xem nhận xét để mình trả lời lại :)
  19. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    kakarimmy gỡ ra thì làm ngược lại thôi :|

    Còn quản lý thì mình đã nói rất rõ trong bài viết này rồi bạn ko thấy sao? Có link để vào xem các cmt FB còn gì?
    kakarimmy thích bài viết này
  20. kakarimmy

    kakarimmy Mới đăng kí

    ráp vào sao thì tháo ra y vậy, nhưng tháo xong nó vẫn còn, nên mình mới hỏi nè.

Ủng hộ diễn đàn