Cara Pasang Disqus Comment, dan Membuat Disqus Shortname Bisa Diedit pada Layout Blogger

Trik kali ini masih seputar custom template, yakni cara memasang komentar Disqus di Blogspot, dan membuat Disqus Shortname-nya bisa diedit langsung pada menu Layout atau Tata Letak Blogger.
Cara Pasang Disqus Comment, dan Membuat Disqus Shortname Bisa Diedit pada Menu Layout Blogger

Artinya, pengguna template tidak lagi masuk ke Theme > Edit HTML atau menggunakan HTML Editor untuk mengganti username atau Disqus Shortname.

Kurang lebih penampakannya akan seperti pada gambar berikut ini:
Cara Pasang Disqus Comment, dan Membuat Disqus Shortname Bisa Diedit pada Menu Layout Blogger

Tentu saja hal ini akan mempermudah pengguna template, terutama yang masih awam tentang coding. Berbeda dengan tutorial sebelumnya yang menggunakan jQuery, yakni Trik Agar Bisa Edit Kode Iklan dibagian Postingan pada Menu Layout/Tata Letak, trik kali ini tidak menggunakan script jQuery.

Hanya memindahkan script peng-load komentar Disqus saja. Berikut caranya!

Perhatian!
Sebelum ke tutorial, hapus dulu semua JavaScript Disqus pada template, entah itu berupa widget (sidebar/footer), atau script yang ada di dalam Edit HTML (pengeditan tema).

Langkah 1
Masuk ke menu Theme > Edit HTML

Langkah 2
Cari kode berikut ini:
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
………………………………..
………………………………..
………………………………..
………………………………..
………………………………..
………………………………..
………………………………..
  </b:widget>

Lalu letakkan kode berikut setelah kode </b:widget>
  <b:widget id='HTML489' locked='true' title='Disqus Shortname' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>XXXXX</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
          <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
             <script type='text/javascript'>
                var disqus_shortname = &quot;<data:content/>&quot;;
                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;;
             (function() {
                        var bloggerjs = document.createElement(&quot;script&quot;);
                        bloggerjs.type = &quot;text/javascript&quot;;
                        bloggerjs.async = true;
                        bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
                        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
                    })();
                </script>
          </b:if>
        </b:includable>
  </b:widget>

Jadinya, akan terlihat seperti pada gambar berikut:
cara memasang komentar Disqus di Blogger/blogspot

Langkah 3
Simpan Tema.

Catatan:
Jika kolom komentar Disqus tidak tampil, pastikan setelan entri di artikel atau postingan Anda, komentar pembaca diizinkan. Seperti pada gambar berikut:
cara memasang komentar Disqus di Blogger/blogspot

Simak juga: Cara Membuat Widget Social Bar yang Bisa Langsung Diedit pada Menu Layout

Demikian tutorial tentang Cara Pasang Disqus Comment, dan Membuat Disqus Shortname Bisa Langsung Diedit pada Menu Layout Blogger. Semoga bermanfaat dan selamat mencoba!
Advertisement
Free and premium blogger templates