Memanggil Komentar Disqus Blogger

Pada artikel kali ini saya ingin memberikan tutorial Memanggil Komentar Disqus Ketika Di Klik, Mungkin beberapa diantara kalian menggunakan platform disqus untuk berkomentar di blog kalian, walaupun komentar disqus mungkin terlihat simple dan keren, tetapi komentar disqus agar sedikit berat untuk memuatnya, Normalnya komentar disqus akan langsung memuat ketika halaman blog diklik, inilah yang membuat blog kalian menjadi sedikit berat.

Nah, untuk mengatasinya saya punya trik simple agar komentar disqus hanya akan memuat ketika pengunjung mengklik tombol pemanggilnya. cara ini akan mempercepat kecepatan loading blog kalian. jika kalian tertarik menerapkan trik ini ke blog kalian, simak tutorial berikut ini. trik ini khusus kalian yang menggunakan disqus di blog kalian, ya.

Cara Membuat Komentar Disqus Dimuat Ketika Di Klik

• Pertama, tambahkan dahulu CSS dibawah ini ke blog kalian, taruh diatas

  /* Call Disqus On Click */
  button#ignielDisqus {
      background-color: #008c5f; /* Warna tombol */
      color: #fff;
      font: normal 600 16px Tahoma,sans-serif;
      line-height: 0px;
      text-align: center;
      width: 100%;
      border-width: 0px;
      padding: 20px 10px;
      cursor: pointer;
      transition: all .5s ease;
      border-radius: 3px;
      -moz-border-radius: 3px;
  }
  button#ignielDisqus:hover {
      background: #1d2129; /* Warna tombol ketika disorot */
  }

• Lalu, tambahkan script jQuery pada blog kalian, jika sudah, jangan dipasang lagi.

  <script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

• Selanjutnya, taruh kode dibawah ini di bawah <div class='comments' id='comments'> .

  <div class="disqus-blogger-comment-block"/>
  <button id="ignielDisqus">Buka Komentar</button> <!--Tulisan di tombol -->

• Kemudian, taruh kode berikut di atas</body>.

  <b:if cond='data:view.isPost'> <script> //<![CDATA[
      // Call Disqus On Click
      window.disqus_blogger_current_url = $('link[rel=canonical]').attr('href');
      window.disqus_shortname = 'emdeen-1'; // Ganti dengan shortname Disqus kalian
      $('#ignielDisqus').on('click', function(){
      $.ajax({
          type: 'GET',
          url: '//' + disqus_shortname + '.disqus.com/blogger_item.js',
          dataType: 'script',
          cache: true
      });
      $(this).fadeOut();
      });
  //]]> </script> </b:if>

• Terakhir, simpan tema kalian.

Akhir Kata

Mungkin itu saja artikel dari saya yang membahas cara Memanggil Komentar Disqus Ketika Di Klik, jika kalian punya saran dan pertanyaaan, silahkan komentar dibawah, terimakasih.