Script ini berfungsi untuk menampilkan komentar disqus jika ada yang scroll ke bawah sampai akhir postingan. Dengan script ini blog pun akan semakin cepat.
Berikut cara pasang nya kalian hanya perlu menambahkan script berikut ke dalam template kalian.
<div class='disqus-blogger-comment-block' />
<script type='text/javascript'>
//<![CDATA[
window.disqus_blogger_current_url = document.querySelector('link[rel=canonical]').href;
window.disqus_shortname = 'shortname_disqus';
const _callDisqus = () => {
let el = document.querySelector('.disqus-blogger-comment-block');
if (el) {
if (el.getBoundingClientRect().bottom <= window.innerHeight) {
let script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = `//${disqus_shortname}.disqus.com/blogger_item.js`;
(document.head || document.body).appendChild(script);
console.log('loaded');
window.removeEventListener('scroll', _callDisqus);
}
}
}
window.addEventListener('scroll', _callDisqus);
//]]>
</script>Kalian hanya perlu mengganti code shortname_disqus dengan shortname disqus kalian.
Untuk tempat memasang nya kalian cari tag yang ada attribute id dengan value comments. Seperti berikut.
<div id='comments'>
<!--Tempel Disini-->
</div>Jika sudah di tempelkan ke dalam tag tesebut simpan template dan lihat hasil nya.
