Mengatasi Disqus yang tidak bisa dipasang di Blogger

Author. Mang Bobby    On. 8/04/2016   

Blogger Tips Tricks

Memasang Disqus di Blogger mungkin udah biasa, cuma tinggal masuk ke Disqus dan bla ... bla ... bla ...

Tapi dipostingan ini gua bukan mau membahas tentang hal tersebut. Baru-baru ini gua dapet masalah pemasangan Disqus di Blogger setelah gunta-ganti template, udah coba cari-cari di Google nggak membuahkan hasil.

Setengah coba keyword yang berbeda di Google akhirnya ketemu celah dari permasalahan tersebut, dan gak usah banyak omong kosong lagi, berikut langkahnya :

Tambahkan widget baru

1. masuk ke "layout" Blogger kalian dan tambahkan widget baru

2. lalu akan muncul popup dan pilih HTML/Javascript

3. masukan Disqus sebagai judul widget agar mudah ditemukan di template editor lalu simpan.

<!-- Disqus comments gadget -->

Memasukan Disqus code ke dalam template

1. masuk ke template editor lalu cari widget "Disqus' yang tadi sudah ditambahkan, jika ketemu scriptnya kurang lebih akan seberti berikut:

<b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>

2. lalu tambahkan mobile='yes' agar Disqus bisa dimuat pada template mobile, dan scriptnya akan seperti berikut:

<b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'>

3. cari lalu crop script sebelum tag penutup </b:widget>, dan script yang harus dicrop kurang lebih akan seperti berikut:

<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>

4. lalu ganti script yang sudah dicrop dengan script yang ada dibawah, lalu ganti "contoh" dengan shortname Disqus kalian:

<b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = &#39;CONTOH&#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;'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>

                <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>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>

                <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>
</b:includable>

5. pastikan tidak terdeteksi error pada script, simpan template dan Disqus seharusnya sudah muncul kembali di Blogger kalian.

Semoga masalah gua membantu kalian :D. That enough from me, I'm signing out, keep calm, stay healthy and respect, cheer ...

Sumber : Disqus