Cara Memasang Komentar Disqus di Halaman Tertentu di Blogger AMP dan Non AMP

Kali ini analisyuki.com akan membagikan tutorial cara memasang komentar disqus di halaman tertentu di halaman statis blogger. Jadi pada intinya disini kita hanya akan memasang komentar disqusi secara manual pada halaman atau postingan yang kita inginkan saja.

Bagi kalian seorang blogger pasti tidak asing lagi dengan yang namanya komentar disqus. Komentar disqus ini sering digunakan sebagai pengganti kolom komentar bawaan blogger dikarenakan fiturnya yang begitu lengkap.

Bagi kalian yang membeli template premium dengan komentar disqus, biasanya komentar tersebut hanya tampil pada postingan saja, sedangkan pada halaman statis memang sengaja tidak, karena tidak diperlukan.

Sebenarnya untuk memasang komentar Disqus secara manual sudah di jelaskan situs resmi Disqus itu sendiri, namun yang jadi masalah adalah komentar yang kita ketik melalui komputer/laptop tidak tampil di halaman versi mobile.

Untung saja baru-baru ini Adhy Suryadi dari blog kompiajaib membuat suatu postingan tentang cara memperbaiki agar komentar disqus bisa tampil di versi seluler ini.

Jadi di sini saya akan memlerbaiki sesikit dan membagikan ulang cara memasang komentar disqus di halaman statis blogger.

Cara Memasang Komentar Disqus di Halaman Statis di Blog Non AMP

  1. Buat terlebih dahulu halaman statis yang ingin dipasangkan komentar Disqus, kemudian Publikasikan dengan tujuan mendapatkan URL alaman
  2. Kemudian Edit kembali halaman statis yang anda telah buat tadi yang ingin dipasangkan komentar Disqus
  3. Kemudian masukkan kode ini di dalamannya mode Tampilan HTML
    <div id="disqus_thread"></div>
    <script>
        /**
         *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
         *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
         */
        var disqus_config = function () {
            this.page.url = "https://www.BLOG-ANDA.com/p/XXXXXX.html";  // Replace PAGE_URL with your page's canonical URL variable
            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
            this.page.title = "JUDUL-HALAMAN";
        };
        (function() {  // DON'T EDIT BELOW THIS LINE
            var d = document, s = d.createElement('script');
            s.src = 'https://ID-DISQUS.disqus.com/embed.js';
            s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);
        })();
    </script>
  4. Kemudian Publikasikan

Cara Memasang Komentar Disqus di Halaman Statis Blog AMP

  1. Buat terlebih dahulu halaman statis yang ingin dipasangkan Komentar Disqus, kemudian Publikasikan
  2. Kemudian Edit kembali halaman yang anda buat tadi
  3. Masukkan kode ini di dalamnya, tepat berada di bawah
    <amp-iframe frameborder="0" height="1000" layout="fixed-height" resizable="resizable" sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups" src="https://raw.githack.com/analisyuki/html/master/Disqus-AMP.html?shortname=ID-DISQUS&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=2B0C93&amp;canonicalurl=https://www.BLOG-ANDA.com/p/XXXXXX.html&amp;title=JUDUL-HALAMAN" title="Disqus Comments">
      <div aria-label="Disqus Comments" overflow="" role="button" tabindex="0"></div>
    <amp-img height="1000" layout="fixed-height" placeholder="" src="https://2.bp.blogspot.com/-ch99_OW0gJY/Xz3pL8_sZeI/AAAAAAAAFYA/a4bvSxJVVnkihhunnLzxqUMVOBLesvxjQCNcBGAsYHQ/s1600/back-iframe.png" width="auto"></amp-img>
    </amp-iframe>
  4. Kemudian Publikasikan

Keterangan:

NamaKeterangan
https://www.BLOG-ANDA.com/p/XXXXXX.htmlGanti dengan URL halaman jutuan
JUDUL-HALAMANJudul Halaman Disqus
ID-DISQUSID/Username Disqus anda

Kesimpulan

Jika kita ingin membuat sebuah forum diskusi pribadi di halaman blog dengan komentar bawaan disqus, kita bisa menggunakan cara diatas untuk menempatkan halaman yang kita inginkan.

Perlu kalian ketahui bahwa proses memuatan script disqus agak lama dan memerlukan beberapa detik agar dapat tampil di halaman blogger kalian.

Tinggalkan komentar