Cara Memasang Komentar Disqus Ke Blog ~ Trigger Software

Disqus merupakan situs penyidia komentar yang bisa diakses dengan mudah dan bisa dipasang ke web atau blog kita, komentar disqus memiliki tampilan yang bergaya modern dan bisa memudahkan pengunjung situs kita untuk berkomentar, karena adanya fitur login menggunakan sosial media seperti Facebook, Twitter, dan Google+.

Dan kotak komentar ini bersifat Responsive, jadi sangat cocok digunakan bagi yang tampilan blognya responsive, seperti Musafus Blog ini menggunakan komentar disqus.

Berikut cara memasang komentar disqus ke blogger

Pertama-tama login atau daftar terlebih dahulu di situs Disqus.com

Langkah selanjutnya klik Icon Setting lalu pilih Add Disqus To Site

Masukkan Site Name blog sobat lalu pilih Category blog sobat, klik Finish Registration

Selanjutnya klik Icon Blogger untuk mengistal otomatis komentar disqus ke blog

Lalu copy codenya, lihat gambar dibwah ini :

Setelah itu buka blogger anda, masuk pada tab template > edit HTML

Cari code ini : <div class='comments' id='comments'>

Paste kode disqus dibawah code diatas

Biasanya code <div class='comments' id='comments'> tidak hanya satu , cobalah satu satu. Semangat.. :D

hasilnya akan seperti ini :

Contoh


<div class='comments' id='comments'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4>Coretan Disqus</h4>
<div id='disqus_thread'/>
<script type='text/javascript'>
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = &#39;triggersoftware&#39;;
   
    /* * * DON&#39;T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
        dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href='https://disqus.com/?ref_noscript' rel='nofollow'>comments powered by Disqus.</a></noscript>
</b:if>

Catatan Pribadi :

Mengapa memakai universal code? Karena menurut pengalaman pribadi saya setelah saya coba dengan menambahkan widget pada blogger, terdapat satu masalah yaitu form komentar tersebut muncul pada home page web saya. Lalu bagaimana? Saya cari cari tidak ada yang membahas hal tersebut lalu saya coba dengan tag kondisional seperti ini :

Tag Kond

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!— code komentar disqus -->
</b:if>

Hasilnya apa? Ternyata hasilnya masih sama saja. Kemudian, saya berpindah dengan plugins komentar facebook, ternyata apa? Saya kebingungan jika akan mengecek komentar yang masuk. Akhirnya jalan keluarnya dengan saya akal sendiri yaitu dengan memasukkan codenya pada templatenya, saya cari tag <div class='comments' id='comments'> lalu beri tag kondisional tadi, dan pastekan codenya agar bisa langsung muncul dibawah postingan blog

oke, sekian dulu ya.. terimakasih.