Cara Menampilkan Komentar Disqus di Halaman Static Blog

"Cara Menampilkan Komentar Disqus di Halaman Static Blog"

1 min read

Membuat Forum di Halaman Stastic Valid AMP Dengan Disqus - Udah pada tau belum sekarang Sudar Blogger sudah menyediakan forum di blog ini dimana pengunjung bisa bertanya mengenai apa aja yang ingin kepoin mengenai admin nya, dengan adanya forum maka pengunjung bisa berinteraksi antara admin nya langsung.

Dalam forum ini saya memanfaatkan komentar disqus karena tampilan nya simple dan tidak wah. Mungkin dari kalian tertarik dengan cara membuat nya bisa ikuti aja langkah berikut ini.

Cara Menampilkan Komentar Disqus di Halaman Static Blog

Pertama yang harus kalian lakukan adalah membuat halaman static kosongan atau bisa diselipkan kata - kata sesuai keinginan kalian, setelah itu kalian pilih mode HTML masukan kode yang ada di bawah ini.

Untuk Blog non AMP

<div id='disqus_thread'></div>


<script>


var disqus_config = function () {


this.page.url = 'URL LAMAN DI SINI';  // 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 LAMAN DI SINI';


};


var shortname = 'SHORTNAME DISQUS DI SINI';


(function() { // DON'T EDIT BELOW THIS LINE


var d = document, s = d.createElement('script');


s.src = 'https://'+shortname+'.disqus.com/embed.js';


s.setAttribute('data-timestamp', +new Date());


(d.head || d.body).appendChild(s);


})();


</script>

Jangan lupa ganti yang ditandai dengan milik kalian seperti URL Halaman dan Username Disqus.

Untuk Blog AMP HTML

<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://cdn.statically.io/gh/KompiAjaib/kompi-html/master/ampdisqus_blogger4.html?shortname=kompiajaib&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=2B0C93&amp;canonicalurl=https://www.sudarblogger.web.id/p/oot_3.html&amp;title=Forum%20Kang%20Sudar" title="Disqus Comments">


  <div aria-label="Disqus Comments" overflow="" role="button" tabindex="0"></div>


<amp-img height="1000" layout="fixed-height" placeholder="" src="https://cdn.staticaly.com/img/1.bp.blogspot.com/-x1yVa6ztsWY/WyHFPLG0uLI/AAAAAAAAyIg/3C5Lb5EjGywOPzO_XSwK1XTu6VlBZE4SgCLcBGAs/s1600/back-iframe.png" width="auto"></amp-img>


</amp-iframe>

Jangan lupa ganti Username Disqus Kangsudar dengan nama disqus milik kalian, bagaimana apa masih ada yang ditanyakan.