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.

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 memangsanya komentar Disqus secara manual sudah di jelaskan situr 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
  2. Kemudian Edit kembali halaman statis yang anda telah buat tadi yang ingin dipasangkan komentar Disqus
  3. Kemudian masukkan kode ini di dalaman
    <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
    <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://1.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

Demikianlah cara memasang Komentar Disqus di Halaman Statis tertentu di blogger, semoga tutorial dari analisyuki.com ini dapat bermanfaat, terimakasih.

Tinggalkan komentar