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!
Niagahoster
Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K
Free and premium blogger templates