Asynchronous Komentar Intensedebate Di Blogger

Jika Anda merasa bosen dengan komentar Blogger yang selama ini sudah ada dan digunakan di blog Anda, Anda sanggup mencoba memakai sistem komentar yang disediakan oleh pihak ketiga ibarat Disqus, IntenseDebate, Livefyre, Echo, Facebook, dan lain-lain.

Dan salah satu yang banyak digunakan khususnya di wordpress yaitu sistem komentar dari InteseDebate. Namun sistem komentar ini juga memungkinkan untuk dipasangkan di Blogger, Tumblr, dan TypePad. Dibanding dengan sistem komentar dari Disqus, komentar dari IntenseDebate mempunyai lebih banyak plugin yang sanggup digunakan dan dilengkapi beberapa filter untuk keamanan komentar. Namun bila dibandingkan wacana kecepatan loading antara Disqus dan IntenseDebate, maka Disqus lebih unggul/lebih cepat dibanding IntenseDebate. Itu sebab script komentar Disqus sudah memakai asynchronous sehingga tidak terlalu mempengaruhi loading blog.

Oleh sebab itu saya mencoba menambahkan asynchronous pada sistem komentar IntenseDebate dan ternyata tidak ada hambatan alias komentar berjalan normal dan loading blog lebih ringan.

Nah bagi Anda yang ingin mencoba memakai sistem komentar dari IntenseDebate ini, tidak ada salahnya mencoba memakai asynchronous semoga loading blog menjadi lebih ringan.

Silahkan Anda masuk ke IntenseDebate dan buat akun gratis kemudian silahkan login di akun Anda. Untuk proses daftar akun saya rasa Anda niscaya sanggup dan saya anggap Anda sudah login di akun IntenseDebate.

Untuk mulai mendaftar di IntenseDebate silahkan masuk di sini: https://intensedebate.com/

Setelah login silahkan mulai Install IntnseDebate on site, kemudian pada langkah pertama silahkan masukan URL blog Anda yang ingin memakai sistm komentar ini kemudian klik tombol Next Step.

Nah pada langkah kedua ini ada yang perlu kita perhatikan, pada nomor 1 terdapat 2 pilihan yaitu:

• Display IntenseDebate Comments on All new posts (Recommended). Ini yaitu option dimana komentar IntenseDebate hanya tampil pada halaman yang gres atau halaman yang belum mempunyai komentar dan halaman yang sudah mempunyai komentar dengan sistem komentar usang akan tetap ada/tampil.
• Display IntenseDebate Comments on All blog posts. Ini berarti semua komentar blog usang akan diganti oleh komentar IntenseDebate dan otomatis komentar sebelumnya yang sudah ada akan menghilang. Namun jangan khawatir, jikalau Anda ingin mengembalikan ke sistem komentar usang maka komentar yang tadi menghilang akan muncul kembali.

Silahkan pilih sesuai kehendak Anda.

Setelah itu silahkan masuk dulu ke dashboard blog Anda dan masuk ke sajian Template, kemudian silahkan download template blog Anda pada tombol Backup/Restore di kanan atas.

Kemudian silahkan masuk lagi ke halaman instalasi IntenseDebate dan pada nomor 5 silahkan upload file *.xml template blog Anda yang tadi di download/backup. Setelah itu klik tombol Upload file and continue.

Kemudian pada halaman selanjutnya silahkan copy isyarat yang tertera pada text area ibarat pada gambar di bawah ini.

Setelah itu masuk ke dashboard blog Anda dan masuk ke sajian Template dan masuk ke Edit HTML, blok semua isyarat HTML blog dan paste isyarat yang tadi dicopy dari halaman instalasi IntenseDebate kemudian Save template, tampak ibarat gambar di bawah ini.

Setelah itu silahkan masuk ke salah satu postingan dan lihat penampakan komentar gres dari IntenseDebate ibarat pada gambar di bawah ini.

Jika Anda melihat tampilan komentarnya tidak rapih, penggalan atas masuk ke penggalan lainnya, sisi kiri dan kanan terlalu nempel ke border, atau lain sebagainya, silahkan tambahkan isyarat CSS di bawah ini. Kebetulan saya memakai template Kompi Males, jadi saya hanya menambah margin atas, kiri, dan kanan ibarat di bawah ini.

 #idc-container-parent #idc-container {margin:50px 30px 0;}

Penampakannya menjadi ibarat di bawah ini. Lebih rapih kan?

DEMO

Nah kini tinggal menambahkan isyarat asynchronous pada script komentar IntenseDebate. 

Silahkan cari isyarat ibarat di bawah ini atau ibarat mirip itu.

  <!--Intense Debate-->
 <script src='http://www.intensedebate.com/js/bloggerTemplateLinkWrapper.php?acct=36ebe1b3a1f1952be3cc7ed1d5dcabb2'></script>
 <!--/Intense Debate-->
 
  <!--Intense Debate-->
 <script src='http://www.intensedebate.com/js/bloggerTemplateLinkWrapper.php?acct=f2de6d962a71d49715c8f497a008bb37'/>
 <!--/Intense Debate-->

Kemudian tambahkan kode async='async' pada kedua secript di atas sehingga menjadi ibarat di bawah ini.

  <!--Intense Debate-->
 <script async='async' src='http://www.intensedebate.com/js/bloggerTemplateLinkWrapper.php?acct=36ebe1b3a1f1952be3cc7ed1d5dcabb2'></script>
 <!--/Intense Debate-->
 
  <!--Intense Debate-->
 <script async='async' src='http://www.intensedebate.com/js/bloggerTemplateLinkWrapper.php?acct=f2de6d962a71d49715c8f497a008bb37'/>
 <!--/Intense Debate-->

Kemudian pada template ada beberapa isyarat ibarat di bawah ini.

    <!--Intense Debate-->
 <b:if cond='data:post.numComments == 0'>
     <div style='display:none' id='IDCommentInfoPostTitle'><data:post.title/></div><div style='display:none' id='IDCommentInfoPostTime'><data:post.timestampISO8601/></div><div style='display:none' id='IDCommentInfoPostAuthor'><data:post.author/></div><div style='display:none' id='IDCommentInfoPostCats'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>|</b:loop></b:if></div>  <script type='text/javascript'>var idcomments_acct='36ebe1b3a1f1952be3cc7ed1d5dcabb2'; var idcomments_post_id='<data:post.id/>'; var idcomments_post_url='<data:post.url/>'; var idcomments_post_title=document.getElementById('IDCommentInfoPostTitle').innerHTML;var idcomments_post_author=document.getElementById('IDCommentInfoPostAuthor').innerHTML;var idcomments_post_time=document.getElementById('IDCommentInfoPostTime').innerHTML;var idcomments_post_cats=document.getElementById('IDCommentInfoPostCats').innerHTML; var commentScriptWrapper = document.createElement(&#39;SCRIPT&#39;);commentScriptWrapper.type = &#39;text/javascript&#39;;commentScriptWrapper.src = &#39;http://www.intensedebate.com/js/bloggerTemplateCommentWrapper2.php?acct=&#39;+idcomments_acct+&#39;&amp;postid=&#39;+idcomments_post_id+&#39;&amp;title=&#39;+encodeURIComponent(idcomments_post_title)+&#39;&amp;url=&#39;+idcomments_post_url+&#39;&amp;posttime=&#39;+encodeURIComponent(idcomments_post_time)+&#39;&amp;postauthor=&#39;+encodeURIComponent(idcomments_post_author)+&#39;&amp;postcats=&#39;+encodeURIComponent(idcomments_post_cats);document.getElementsByTagName(&#39;HEAD&#39;)[0].appendChild(commentScriptWrapper);</script>
    <b:else/>
 <!--/Intense Debate-->
 <b:include data='post' name='comments'/>
 <!--Intense Debate-->
 </b:if>
 <!--/Intense Debate-->

Silahkan tambahkan isyarat berikut di bawah ini pada isyarat di atas

;commentScriptWrapper.async = 'true'

Tepat diantara isyarat di bawah ini ( di antara isyarat ;; )

 ;commentScriptWrapper.type = 'text/javascript';commentScriptWrapper.src = 'http://www.intensedebate.com/js/bloggerTemplateCommentWrapper2.php

Sehingga penampakannya menjadi ibarat di bawah ini

 ;commentScriptWrapper.type = 'text/javascript';commentScriptWrapper.async = 'true';commentScriptWrapper.src = 'http://www.intensedebate.com/js/bloggerTemplateCommentWrapper2.php

Lakukan penambahan isyarat tersebut pada semua isyarat yang ibarat kelompok isyarat di atas tadi. Setelah semuanya ditambahkan isyarat tadi silahkan Save template dan silahkan coba loading blognya. 

Banyak yang membicarakan blog yang memakai sistem komentar IntenseDebate ini akan menjadi sasaran para spammer dan pemburu backlink. Padahal jikalau mereka tahu, apa yang mereka lakukan itu yaitu hal yang sia-sia. Bisa Anda simak dari postingan mas Ricky Pratama pada link berikut:

https://komporajaibku.blogspot.com//search?q=quisque-bibendum-nisl-eget-mauris

Anda pun sanggup memakai fitur filter komentarnya untuk mengamankan kolom komentar Anda dari para spammer, bahkan Anda sanggup mem-banned IP spammer tersebut. Selamat mencoba...

Sumber https://www.kompiajaib.com/

Share this post