Enable Disqus Commenting System In Blogger Correctly

Disqus is a worldwide blog commenting system for web sites and online communities that use a networked platform. Disqus has various features, such as social integration, spam and moderation tools, analytics, email notifications, and mobile commenting.

Disqus is ranked #1 in 2017 and is used by more than 150 million users globally. Disqus also has option for one click integration for blogger but the downside is that it will install it as a sidebar gadget. So, i am here with a solution on how to install disqus in blogger correctly.

How to install disqus comment form in blogger?

Step1: Go to Disqus.com and complete sign up.

Step2: Enter website name and note down your disqus unique URL.

Step3: Choose category and click on create site.

Step4: Now go to blogger> theme > edit html and search for <b:includable id='comments' var='post'>

Step5: Paste below codes after <b:includable id='comments' var='post'> and change red bold text with your disqus unique name. Save Theme.

<script type='text/javascript'>
                var disqus_shortname = &#39;livethreads-2&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;

                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();
                </script>
            </b:if>
                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();
            </script>