What tutorial do you want for the next article! Request Here!

How to Replace Blogger Default Comments to Disqus or Facebook comments

Easiest way to replace Blogger default comments to Disqus or Facebook comments
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
Guide to Changing Blogger 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>

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

You May Like These Posts:

Post a Comment

To avoid SPAM comments, all comments will be moderated before being displayed.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.