jagodesain.com

Sebagian Blogger terkadang lebih memilih menggunakan widget komentar pihak ketiga seperti Disqus ketimbang widget bawaan blogger karena lebih praktis dan mudah untuk di kontrol serta tampilanya yang lebih keren. Bahkan disqus juga dapat memberikan penghasilan tambahan bagi mereka.

Terdapat kelebihan dan kekurangan dari menggunakan komentar disqus yang semuanya itu kembali pada keputusan pemilik blog.

Jika Anda adalah salah satu orang yang lebih memilih menggunakan disqus comment, maka silahkan ikuti tutorial dibawah untuk menambahkan widget disqus pada template ini:

Langkah Pertama

Cari kumpulan kode seperti dibawah ini dan ubah bagian yang ditandai dengan Shortname Disqus Anda.

<b:includable id='post-commentDisqus'>
  <div class='comment-disqus' id='disqus_thread'>
    <div class='show-comment'>
      <div class='button outline' id='disqusshow' onclick='load_Comments()'>
        <b:if cond='data:blog.locale.language == &quot;in&quot;'>
          <span data-text='Buka komentar'/>
          <b:else/>
          <span data-text='Load comments'/>
        </b:if>
      </div>
    </div>
  </div>
  <script>/*<![CDATA[*/var disqus_shortname = "jagodesain"; !function(){var e=document.createElement("script");e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="jagodesain";!function(){var e=document.createElement("script");e.async=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}; /*]]>*/</script>
</b:includable>

// Ubah bagian yang ditandai atau yang di blok warna dengan Shortname Disqus Anda

Langkah Kedua

Cari kembali kode dibawah ini dan ubahlah keseluruhan kode dengan kode dibawahnya:

<b:include cond='data:view.isPost and !data:view.isPreview and data:post.allowComments' data='post' name='threadedComments-modifV3'/>

// Ubah seluruh kode diatas menjadi Kode dibawah ini:

<b:include cond='data:view.isPost and !data:view.isPreview and data:post.allowComments' data='post' name='post-commentDisqus'/>

Jika cara sudah benar maka komentar blog Anda sudah terganti beserta tombol yang berfungsi untuk memunculkan komentarnya.

Live Preview

Silahkan buka komentar pada postingan ini untuk melihat bagaimana tampilan komentar disqus pada template ini.