Cara Menampilkan Komentar Disqus di Halaman Static Blog
Daftar isi [Tampil]
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&fontBodyFamily=sans-serif&fontLinkColor=2B0C93&canonicalurl=https://www.sudarblogger.web.id/p/oot_3.html&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.
Post a Comment