How to Replace Blogger Default Comments to Disqus or Facebook Comments

 

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>

Read Also: How to Add a Contact Page in Median Ui v1.6

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'/>

Read Also: How to Create a Purchase Box Button Widget

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.

Read Also: Install Alert Box in Blogger Blog Post | Alert Box Script

You should also replace disqus_shortnameor 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

Read Also: How to Add Countdown Timer Button to Blogger V2.0

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'/>

Thanks for reading: How to Replace Blogger Default Comments to Disqus or Facebook Comments, Sorry, my English is bad:)