Cara Memasang Komentar Disqus Valid HTML5 Di Blogger

Setelah mempertimbangkan beberapa lama, akhirnya saya kembali migrasi ke Disqus
setelah sebelumnya disqus saya tinggalakan. Diantara pertimbangan utama
adalah meminimalisir spam yang masuk ke komentar, selain itu tentunya
masih banyak kelebihan lain.



Kembali kepada judul, Cara Mudah Memasang Komentar Disqus Valid HTML5 di Blogger, sebetulnya cara termudah memasang komentar disqus yaitu dengan cara memasang widget, dengan klik logo blogger di Disqus, namun tentunya tutorial tersebut mengalami beberapa perubahan tampilan
di Disqus, sehingga kurang sesuai walau pun pada intinya sama saja.



Saat ini, saya akan jelaskan cara termudah selain memasang widget.
Selain menambah loading, tentunya tidak Valid HTML5. OK.. langsung
caranya sob :



Copy kode ini, ganti kode yang ditandai dengan USERNAME blog sobat. Simpan kode di atas </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>

Simpan template sobat. Sebetulnya dengan cara ini sudah cukup, namun
Komentar blogger biasanya muncul dulu, baru tertututp oleh Komentar
Disqus. Supaya tidak muncul komentar bloggernya,tambahkan kode display: none; pada #comments, contoh :

#comments {display:none;........................} // Titik2 kode yang lainnya, yang sudah ada.

Untuk cara penempatan Disqus Comments Counter atau Menampiklan jumlah komentar Disqus, akan saya posting terpisah.



Semoga bermanfaat...

Sumber: Blog Kang Ismet