• Chèn bình luận facebook vào blogspot - Facebook 2017 mới nhất

    1. Tạo app facebook 2017 đơn giản


    Truy cập đường link: https://developers.facebook.com/ trên thanh menu chọn My Apps -> Add a New App (Nếu như đã có tài khoản App rồi thì hãy tạo một App mới bằng cách chọn Add  a New App).
    Các bài viết liên quan:
    Cách thay đổi giao diện Facebook Hacker
    Bảo mật cao của Facebook, Hacker cũng chịu thua

    Facebook sẽ hiện bảng thông báo Create a New App ID, các bạn điền tên miền và gmail vào


    Sau đó bấm vào Create App ID xuất hiện bảng này => Submit


    Khi tạo App xong sẽ xuất hiện giao diện như thế này


    Ở hình tiếp các bạn Copy lại mã App ID để một lát chèn vào code ở những bước tiếp theo



    Mục Settings các bạn thiết lập như hình 8.
    • Phần App Domains: với những blog trỏ tên miền riêng thì các bạn nhập cả phần www. Với những blog có đuôi .blogspot.com thì các bạn chỉ cần nhập tên miền blog bình thường ví dụ như maylanhtotnhat.blogspot.com.
    • Phần Contact Email: các bạn nhập gmail quản lý và không được bỏ trống phần này.
    • Phần Site URL: sau khi click Add Platform thì các bạn sẽ thấy phần này, nhập trang blog của bạn vào đây bao gồm cả http://
    Sau đó lưu lại (Save Changes)

    Tiếp theo các bạn chọn mục Add Review, sau đó click chọn Yes để kích hoạt chạy tài khoản App Facebook.

    Thông báo hiện ra các bạn chọn chấp nhận

    Trở lại phần Dashboard và copy sẵn mã App ID và thực hiện tiếp phần 2.

    2. Chèn code bình luận facebook vào blogspot


    Chọn Mẫu-> Chỉnh sửa HTML-> nhấn trong code => Ctr+f gõ tìm thẻ <head> và chèn đoạn code sau vào sau thẻ <head>

    <meta content='App_ID' property='fb:app_id'/>

    Thay App_ID bằng mã App của các bạn ở phần Dashboard (nếu quên các bạn xem lại ở trên)

    chen-comment-facebook-vao-blogspot
    Hình 11. Chèn comment facebook vào blogspot

    Tiếp tục tìm đến thẻ <body> và chèn đoạn code sau vào 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/vi_VN/sdk.js#xfbml=1&amp;appId=App_id&amp;version=v2.3&quot;;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

    Thay thế App_id bằng mã App của các bạn

    chen-comment-facebook-vao-blogspot-1
    Hình 12. Chèn comment facebook vào blogspot

    Tìm đến đoạn mã <b:include data='post' name='post'/> và chèn đoạn code sau vào bên dưới

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='fb-comments' data-num-posts='10' data-width='747px' expr:data-href='data:blog.canonicalUrl'/>
    </b:if>

    Các bạn có thể chỉnh sửa thông số "747px" cho vừa với khung comment bài viết của blog các bạn.

    chen-comment-facebook-vao-blogspot-2
    Hình 13. Chèn comment facebook vào blogspot

    Giờ thì lưu lại và xem ở mục comment ở một bài viết bất kỳ nhé. Nếu như thấy khung comment face book hiện Public Comments ·Moderator View là thành công.


    Lưu ý: Một số Template có cấu trúc code khác sẽ không thể hiển thị khung comment facebook mặc dù các bạn đã thực hiện theo giống như trên (trường hợp này rất ít khi xảy ra). Nếu gặp trường hợp này thì các bạn có thể để lại lời nhắn bên dưới mình sẽ thiết lập giúp cho các bạn.

    Đến bước này thì cơ bản các bạn đã hoàn thành chức năng gắn comment facebook cho blogspot. Tuy nhiên để có thể nhận được thông báo của facebook khi ai đó bình luận bài viết hoặc để quản lý comment của người dùng thì các bạn phải xác nhận tài khoản facebook bằng di động.

    • 0 comments :

    Post a Comment

    Theo dõi