Cara Pasang Komentar Disqus Valid HTML5 Di Blogger

Tutorial sites - Menggunakan Disqus sebagai tempat komentar untuk blog kamu, memang pilihan yang tepat, selain tampilannya yang responsive dan friendly, Disqus juga memiliki fitur yang bagus seperti anti spam dan lainnya.

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 bloggerbiasanya 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.

sumber : kangismet.net

SHARE ON:

Hanya seseorang yang ingin berbagi tentang web, blogspot dan tutorial agar bermanfaat bagi orang lain terutama bagi diri sendiri.

    Blogger Comment

0 komentar:

Posting Komentar