27/08/2017

Hướng dẫn chèn khung bình luận disqus vào blog

Disqus là hệ thống bình luận miễn phí và dễ dàng tích hợp với bất kỳ loại nền tảng website nào. Hiện nay có hàng triệu website đang sử dụng disqus là hệ thống bình luận của website. Ngoài ra Disqus có giao diện đẹp, hiện đại, tối ưu với công cụ tìm kiếm. Đặc biệt với hệ thống server luôn trong trạng thái tốt nhất nên bình luận của bạn sẽ được cập nhật cũng như load cực nhanh. Ngoài ra khi bạn đăng ký một tài khoản tại Disqus bạn sẽ dễ dàng quản lý bình luận của độc giả và độc giả khi tham gia bình luận bài viết họ có thể sử dụng nhiều tài khoản đăng nhập như Disqus, Facebook, Twitter và Google.


Trong bài viết này mình chỉ hướng dẫn cách chèn khung bình luận Disqus vào nền tảng Blogger qua đó cũng hướng dẫn cách chèn hiển thị số lượt bình luận của mỗi bài viết ngoài trang chủ blog. Dưới dây là hướng dẫn từng bước

1. Đăng ký tài khoản Disqus


Các bạn truy cập địa chỉ https://disqus.com/profile/signup tạo cho mình một tài khoản Disqus. Trong trường hợp bạn không truy cập được địa chỉ trên thì sử dụng dsn Google 8.8.8.8 và 8.8.4.4

2. Kích hoạt tài khoản


Các bạn truy cập hộp thư xác nhận email của Disqus gửi đến để kích hoạt tài khoản

3. Cài đặt Disqus


Trong bước tiếp theo sau khi đã kích hoạt tài khoản các bạn truy cập địa chỉ https://disqus.com/profile/signup/intent  chọn I want to install Disqus on my site

4. Lựa chọn kế hoạch sử dụng


Các bạn chọn Contunue on Basic tuy nhiên sẽ có quảng cáo đính kèm trong khung bình luận

5. Chọn nền tảng Blogger


6. Chèn tài khoản Disqus vào Blogger


7. Thâm tiện ích

Mặc định khi bạn thêm tài khoản vào nền tảng Blogger trình duyệt sẽ mở ra một tab mới trong đó bao gồm tiện ích đã được cấu hình sẵn bạn chỉ cần chọn Thêm tiện ích lưu ý nếu bạn đang có nhiều blog nhớ chọn Blog mà bạn muốn thêm.

Khi thêm xong ta sẽ có được khung bình luận của Disqus thay thế cho khung bình luận của Blogger


Bạn có thể vào chỉnh sửa giao diện tìm kiếm từ khóa disqus bạn sẽ thấy dòng #comments {display:none;} nghĩa là khung bình luận của Blogger sẽ bị ẩn đi thay thế bằng khung bình luận Disqus


8. Cấu hình Disqus


Trong bước tiếp theo bạn cần cấu hình Disqus bằng cách thêm tên và địa chỉ blog của bạn

9. Nhập những binh luận cũ của Blogger vào Disqus


10. Chèn số lượt bình luận của bài viết ngoài trang chủ


Tùy mỗi template mà có cấu trúc khác nhau, đoạn code cần chèn

<a expr:href='data:post.url + &quot;#disqus_thread&quot;' >0 comments</a>

Mẹo bạn có thể làm ẩn chữ comments hoặc thay thế nó bằng chữ khác hoặc có thể xóa chữ comment ở dòng Comment Count Link

4 nhận xét
  1. [img]https://2.bp.blogspot.com/-ltcLseRpmTU/WaK13YJiLZI/AAAAAAAAPp4/4ZT-WOQpW6Q-iOHqWn-l4nxjf9XqliW_ACLcBGAs/s1600/disqus.png[/img]

    Trả lờiXóa
  2. [pre]
    Tôi cam kết không sử dụng theme này cho mục đích thương mại.
    Email: nguyenanhtuan2401@gmail.com

    [/pre]

    Trả lờiXóa
  3. https://www.youtube.com/watch?v=YkhT5XsQ5rk

    Trả lờiXóa
  4. [pre]
    <script>
      $.ajax({
          type: "GET",
          dataType: "json",
          url: 'https://www.googleapis.com/youtube/v3/videos?part=statistics&id=ID video&key=API key',
          success: function (data) {
          var viewCount = data.items[0].statistics.viewCount;
              $(".viewCount").html(viewCount);
          var likeCount = data.items[0].statistics.likeCount;
              $(".likeCount").html(likeCount);
          var dislikeCount = data.items[0].statistics.dislikeCount;
              $(".dislikeCount").html(dislikeCount);
          var commentCount = data.items[0].statistics.favoriteCount;
              $(".commentCount").html(commentCount);
          }
     });
    </script>


    [/pre]

    Trả lờiXóa