How to Replace Blogger Comments

Easiest way to replace Blogger default comments to Disqus or Facebook comments

Komentar Disqus

Pertama-tama Anda harus menambahkankan disqus_shortname atau ID Disqus milik Anda terlebih dahulu. Agar tidak terdapat error kami menambahkan disqus_shortname = "jagodesain" pada script Disqus, silahkan cari kode seperti di bawah ini pada blog Anda:

<!--[ Comment disqus ]-->
<b:includable id='post-commentDisqus'>
  <div class='cmDisqus' id='disqus_thread'>
    ...
      <!--[ Delete tag below to change button style ]-->
      ...

      ...
    ...
  </div>
  <script>/*<![CDATA[*/ var disqus_shortname = "jagodesain"; !function(){ ... }(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="jagodesain";!function(){ ... }; /*]]>*/</script>
</b:includable>

Ganti bagian yang ditandai pada kode di atas dengan ID Disqus Anda.

Selanjutnya untuk mengaktifkan komentar Disqus, temukan dan ganti kode di bawah ini:

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

Dengan kode ini:

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

Komentar Diqsus onScroll (Alternatif)

Jika pada versi pertama komentar Disqus akan aktif ketika user menekan tombol komentar, maka pada versi alternatif ini komentar Disqus akan muncul otomatis ketika halaman discroll sampai bagian bawah artikel.

Anda juga harus mengganti disqus_shortname atau ID Disqus pada script defaultnya dengan ID milik Anda:

<!--[ Comment disqus on-scroll ]-->
<b:includable id='post-commentDisqusScroll'>
  ...
    ...
  ...
        
  <!--[ Disqus script by bungfrangki.com, change 'jagodesain' with your disqus_shortname ]-->
  <script>...</script>
  <script>/*<![CDATA[*/ function load_disqus( disqus_shortname ) { ... {load_disqus('jagodesain'); console.log('Disqus loaded.'); }}, false); ... }; /*]]>*/</script>
</b:includable>

Untuk mengaktifkannya tidak jauh berbeda dengan cara pertama, perbedaanya hanya terletak pada attribut name yang menggunakan name='post-commentDisqusScroll', kode lengkapnya seperti di bawah ini:

<!--[ Disqus Comments on-Scroll ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentDisqusScroll'/>

Komentar Facebook

Komentar Facebook lebih mudah diaktifkan daripada Disqus, Anda hanya perlu merubah bagian yang ditandai pada kode di bawah ini menjadi name='post-commentFB'

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

Contoh penerapan yang benar:

<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
<!--[ Facebook Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentFB'/>

Disqus Comments

First of all you have to add your disqus_shortname or Disqus ID first. So that there are no errors, we added disqus_shortname = "jagodesain" to the Disqus script, you can find code like this on your blog:

<!--[ Comment disqus ]-->
<b:includable id='post-commentDisqus'>
  <div class='cmDisqus' id='disqus_thread'>
    ...
      <!--[ Delete tag below to change button style ]-->
      ...

      ...
    ...
  </div>
  <script>/*<![CDATA[*/ var disqus_shortname = "jagodesain"; !function(){ ... }(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="jagodesain";!function(){ ... }; /*]]>*/</script>
</b:includable>

Replace the part marked in code above with your Disqus ID.

Next to enable Disqus comments, find and replace the code below:

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

With this code:

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

Diqsus Comments onScroll (Alternative)

If in the first version Disqus comments will be active when user presses the comment button, then in this alternative Disqus comments will appear automatically when the page is scrolled to bottom of the article.

You should also replace disqus_shortname or Disqus ID in the default script with your own ID:

<!--[ Comment disqus on-scroll ]-->
<b:includable id='post-commentDisqusScroll'>
  ...
    ...
  ...
        
  <!--[ Disqus script by bungfrangki.com, change 'jagodesain' with your disqus_shortname ]-->
  <script>...</script>
  <script>/*<![CDATA[*/ function load_disqus( disqus_shortname ) { ... {load_disqus('jagodesain'); console.log('Disqus loaded.'); }}, false); ... }; /*]]>*/</script>
</b:includable>

To activate it's not much different from the first method, the difference only lies in the name attribute that uses name='post-commentDisqusScroll', the complete code is as below:

<!--[ Disqus Comments on-Scroll ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentDisqusScroll'/>

Facebook Comments

Facebook comments are easier to activate than Disqus, you just need to change the part marked in the code below to name='post-commentFB'

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

Example of correct application:

<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
<!--[ Facebook Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentFB'/>