Cara Pasang Disqus Comment, Dan Menciptakan Disqus Shortname Dapat Diedit Pada Layout Blogger

Trik kali ini masih seputar custom template, adalah cara memasang komentar Disqus di Blogspot, dan menciptakan Disqus Shortname-nya dapat diedit eksklusif pada sajian Layout atau Tata Letak Blogger.

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

Kurang lebih penampakannya akan menyerupai pada gambar berikut ini:

Tentu saja hal ini akan mempermudah pengguna template, terutama yang masih awam ihwal coding. Berbeda dengan tutorial sebelumnya yang memakai jQuery, adalah Trik Agar Bisa Edit Kode Iklan dibagian Postingan pada Menu Layout/Tata Letak, trik kali ini tidak memakai 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 sajian Theme > Edit HTML

Langkah 2
Cari aba-aba berikut ini:

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
………………………………..
………………………………..
………………………………..
………………………………..
………………………………..
………………………………..
………………………………..
  </b:widget>

Lalu letakkan aba-aba berikut sesudah aba-aba </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 menyerupai pada gambar berikut:

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:

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

Demikian tutorial ihwal Cara Pasang Disqus Comment, dan Membuat Disqus Shortname Bisa Langsung Diedit pada Menu Layout Blogger. Semoga bermanfaat dan selamat mencoba!

Advertisement