Rabu, 01 Juni 2016

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
Load disqus comments

0 komentar