Memasang Komentar Disqus Secara Loan On Scroll Di Blogger

Dalam posting kali ini saya akan membahas wacana cara memasang komentar disqus secara load on scroll, artinya komentar disqus hanya akan muncul dikala layar digulung (scroll) menuju ke bab komentar yang ada di bab bawah.

Disarankan sebaiknya sahabat sudah pernah memasang komentar disqus dengan cara biasa (yaitu melalui situs Disqus) supaya sahabat memahami penggunaannya.

Memasang Disqus Load on Scroll di Blogger

Untuk mulai memasang disqus load on scroll di blog pertama-tama, silakan login ke blog sahabat kemudian pada hidangan Tema pilih Edit HML, kemudian temukan isyarat <b:includable id='comments' var='post'>.

Kemudian blok seluruh isyarat tersebut dari awal hingga penutupnya, untuk lebih mudahnya ciutkan hingga kodenya menjadi menyerupai <b:includable id='comments' var='post'>…</b:includable>. Kemudian ganti isyarat tersebut dengan isyarat dibawah ini.

<b:includable id='comments' var='post'>   <div class='comments' id='comments'>  <span class='post-comment'><a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments'/></span>  <b:if cond='data:blog.pageType == &quot;item&quot;'>    <script type='text/javascript'>   var disqus_shortname = &quot;maringngerrang&quot;;   var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;   if (!disqus_blogger_current_url.length) {     disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;   }   var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;   var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;    var disqus_loaded = false;   function load_disqus() {      (function() {    var bloggerjs = document.createElement(&quot;script&quot;);    bloggerjs.type = &quot;text/javascript&quot;;    bloggerjs.async = true;    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);     })();     (function() {    var bloggerjs = document.createElement(&quot;script&quot;);    bloggerjs.type = &quot;text/javascript&quot;;    bloggerjs.async = true;    bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;    (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);     })();      disqus_loaded = true;   };   window.onscroll = function(e) {     if ((window.innerHeight + window.scrollY) &gt;= (document.body.offsetHeight - 800)) {    //hit bottom of page    if (disqus_loaded==false)      load_disqus()      }   };    </script></b:if>   </div> </b:includable>

Kemudian silakan ganti maringngerrang dengan username akun disqus sobat.

Baca Juga

Melengkapi Disqus Load on Scroll di Blogger

Setelah memasang isyarat diatas tadi, selanjutnya silakan sahabat hapus beberapa isyarat pada blog sobat, adalah isyarat untuk komentar default dari blogger. Dengan begitu loading blog sahabat dapat sedikit lebih cepat. Silakan hapus isyarat yang ditandai menyerupai gambar berikut ini.

Sehingga kodenya menjadi menyerupai berikut ini :

Setelah itu simpan isyarat HTML blog sahabat dan lihat hasilnya, coba arahkan ke bab komentar maka disqus gres akan di load. Mungkin cukup sekian dari saya, supaya dapat bermanfaat, jikalau ada yang ingin sahabat tanyakan silakan sampaikan pada kotak komentar yang ada dibawah atau dapat juga melalui halaman contact blog ini. Terima kasih.

Sumber : https://loper-artikel.blogspot.com/search?q=memasang-komentar-disqus-load-on-scroll