Analisyuki
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer
No Result
View All Result
Analisyuki
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer
No Result
View All Result
Analisyuki
No Result
View All Result
Home Blogger

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

1 Oktober 2020
in Blogger
Cara Memasang Komentar Disqus di Halaman Blogger AMP dan Non AMP
Share on FacebookShare on Twitter

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.

Daftar Isi sembunyikan
  • Cara Memasang Komentar Disqus di Halaman Statis di Blog Non AMP
  • Cara Memasang Komentar Disqus di Halaman Statis Blog AMP

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
DEMO

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

Leave Comment

You might also like

Cara Setting Robots txt Blogger

Cara Setting Robots.txt di Blogger yang Benar untuk SEO

1 Januari 2021
Template Blogger Terbaik 2021

Template Blogger Terbaik Tahun 2021

1 Januari 2021
Cara Memasang Kode Google Analytics Wordpress

Cara Memasang Kode Google Analytics Terbaru di WordPress

15 Desember 2020
Cara Memasang Kode Google Analytics Terbaru

Cara Memasang Kode Google Analytics Terbaru di Blogger

13 Desember 2020
Cara Update Google Analytics ke Versi Terbaru

Cara Update Tampilan Google Analytics ke Versi Terbaru

13 Desember 2020
Matched Content

Memodifikasi Iklan Matched Content Menjadi Bentuk Grid

2 Desember 2020
  • Disclaimer
  • Sitemap
  • Privacy Policy
  • Contact
Call us: Contact From

© 2020 Analisyuki - All Right Reserved

No Result
View All Result
  • Blogger
  • WordPress
  • AdSense
  • Tips SEO
  • Komputer

© 2020 Analisyuki - All Right Reserved

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In