Cara Memasang Tombol Show Disqus Comments Di Blog

Cara Memasang Tombol Show Disqus Comments Di Blog

Cara Memasang Tombol Show Disqus Comments Di Blog

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
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!

DONASI VIA FASAPAY



Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Suka dengan postingan ini? Silahkan share postingan ini dengan cara klik Tombol SHARE THIS di atas, Terimakasih.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Anton Cabon? Keep us running by whitelisting Antoncabon in your ad blocker.

This is how to whitelisting Antoncabon in your ad blocker.

Thank you!

×
×
×