Cara Memasang Tombol Show Disqus Comments Di Blog

Post by: antoncabon with

of Coffee.

Cara Memasang Tombol Show Disqus Comments Di Blog. Seperti Tutorial sebelumnya tentang show hide kolom komentar blogger di blog bisa dilakukan dengan memasang kode css dan javascript tertentu, dan tentunya tutorial seperti ini sudah banyak dibuat diluaran sana sob.
Disini saya akan berbagi sebuah tutorial yang mirip dengan apa yang saya katakan diatas tetapi bedanya yang akan dimodifikasi disiini adalah Kolom Komentar Disqus.
Ketika kita memasang Disqus Comment di blog maka secara default kolom komentar dari Disqus akan tampil secara otomatis, dan tentunya ini akan memakan waktu proses loading dari blog sobat, sebenarnya untuk mengatasi hal tersebut ada satu trik yang bisa membuat kolom komentar Disqus tersebut tidak secara otomatis tampil di blog kita melainkan jika kita mengklik tombol Disqus Comment untuk menampilkannya, dan ini kan membuat loading blog sobat tidak terpengaruhi oleh Disqus Comment, jika sobat ingin memasangnya di blog sobat silahkan ikuti langkahnya dibawah ini.

Cara Memasang Tombol Show Disqus Comments Di Blog

Langkah-langkah Memasang Tombol Show Disqus Comment :

Langkah-1 : Login Blogger, Klik menu Template > Edit HTML

Langkah-2 : Simpan kode JavaScrit di bawah ini, tepat sebelum tag </head> :

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
    $('.show-comments').on('click', function(){
          var disqus_shortname = 'DISQUS-USERNAME'; // Replace this value with *your* username.
          // ajax request to load the disqus javascript
          $.ajax({
                  type: "GET",
                  url: "http://" + disqus_shortname + ".disqus.com/embed.js",
                  dataType: "script",
                  cache: true
          });
          // hide the button once comments load
          $(this).fadeOut();
    });
});
</script

Silahkan Ganti DISQUS-USERNAME dengan DISQUS-USERNAME milik sobat.

Langkah-3 : Temukan kode <b:includable id='comments' var='post'> dan letakan kode dibawah tepat setelah kode diatas.

<button class="show-comments">Load Disqus comments</button>
<div id="disqus_thread"></div>

Langkah-4 : Simpan Template sobat dan lihat hasilnya.

Demikianlah Tutorial mengenai Cara Memasang Tombol Show Disqus Comments Di Blog, semoga ada manfaatnya ya, dan saya sangat senang jika sobat dapat berkomentar atau memberi masukan mengenai toturial diatas.

"Hendaknya kesibukan kita lebih berfokus pada penyempurnaan penunaian kewajiban-kewajiban kita kepada Tuhan, sebab Dia, Tuhan yang sekaligus Pemberi Rejeki pasti akan membalas penunaian kewajiban tersebut dengan anugrah-Nya yang akan mencukupi kebutuhan kita." my fav words!

Posted in category:

Blogger featured Tips Triks Tutorial