How to Install Disqus Comment Valid HTML5

How to Install Disqus Comment Valid HTML5

After considering for some time, I finally returned after a previous migration to Disqus Disqus I tinggalakan. Among the main consideration is to minimize the spam into comment, but it certainly still many other advantages.

Back to the title, How to Easily Add Comment Disqus Valid HTML5, is actually the easiest way to install Disqus comment that is by installing the widget, click the logo with bloggers Disqus. Actually, this is how I wrote 4 years back (Read: Installing Disqus Comments in Blogger / Blogspot), but of course these tutorials undergone some cosmetic changes in Disqus, making it less suitable even if essentially the same.

Currently, I'll explain the easiest way beyond installing the widget. In addition to adding loading, certainly not Valid HTML5. OK .. immediately to my tutorial :

Copy this code, replace the code that is marked by USERNAME blog. Save the code above the </ body>:

<script type='text/javascript'>

    var disqus_shortname = &#39;USERNAME-BLOG-ANDA&#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>

Save the template. Actually in this way is sufficient, however Comments blogger usually appears first, then tertututp by Disqus Comments. In order not appear bloggernya comment, add code display: none; on #comments, for example:

#comments {display: none;} //,,,,,,,,, ........................ other code, existing ,

To do placements or Disqus Comments Counter displays the number of Disqus comments, I will post separately.

May be useful...

Share this post