UPDATE. Solusi Lengkap Mengatasi Tombol Reply yang Rusak di Komentar Blogger

Beberapa hari lalu muncul sebuah masalah yang cukup membuat panik banyak Blogger yang menggunakan komentar bawaan Blogger seperti saya, yaitu tombol reply (balas komentar) tidak bisa diklik yang mengakibatkan pengunjung tidak bisa melakukan balasan pada komentar yang sudah ada.

Saya pun langsung bertanya di forum bantuan Google hari itu juga. Sayangnya belum ada jawaban memuaskan. Setelah melakukan beberapa test sendiri akhirnya solusinya ketemu di hari yang sama (16 November 2018).

Kalau mau tahu penjelasan kenapa tombol reply tidak bekerja, klik link forum bantuan Google di atas

Awalnya tidak berniat sampai dibikin postingan segala, toh solusinya sepele. Dan sudah dishare di grup Blogger Indonesia di Facebook juga (link hanya bisa dibuka oleh yang sudah bergabung ke grup). Saya berpikir pasti sebagian Blogger sudah baca postingan di sana dan tidak ada lagi yang bermasalah.

Namun ternyata masih ada beberapa yang tidak tahu bahwa ini adalah error dari Blogger, bukan dari pemilik situs. Terutama mereka yang tidak bermain Facebook. Beberapa pengguna template saya berpikir template buatan saya masih ada bug-nya.

Jadi postingan ini untuk memberitahukan bahwa tombol reply yang tidak bisa di-klik di komentar adalah error yang muncul dari Blogger sendiri, bukan karena templatenya. Mau pakai templete buatan siapapun pasti mengalami error yang sama.

Cara Mengatasi Tombol Reply di Komentar Blogger yang Tidak Bekerja

Secara garis besar, komentar Blogger terbagi menjadi 2: komentar asli dan komentar yang dimodifikasi (threaded comment hack). Jadi solusi untuk masing-masing jenis komentar pun berbeda. Cari tahu dulu template kamu memakai komentar asli atau threaded comment.

Bagaimana cara membedakan komentar biasa dan threaded comment yang sudah dimodifikasi? Cek dengan dengan menyorot tombol reply dan lihat URLnya.

Kalau tidak muncul URL apa-apa artinya memakai komentar asli.


Kalau muncul URL dengan format {URL_artikel}#r_{ID_komen} artinya memakai komentar modifikasi. Contoh:

https://domain.blogspot.com/2018/12/artikel.html#r_c34482131582800200

Baca Juga: Cara Menghapus Link Aktif di Komentar Blogger Otomatis

Cara Pertama

Cara ini untuk blog yang memakai komentar bawaan tanpa diedit seperti blog igniel.com. Kenapa error ini bisa terjadi? Karena si pembuat template menyembunyikan Javascript bundle bawaan Blogger. Jadi solusinya ya tinggal memunculkan kembali JS bawaan tersebut.

Caranya gampang. Lihat tag penutup body yang berada di akhir kode HTML template. Penulisannya berbeda-beda tergantung bagaimana kamu menulisnya.

Bisa jadi seperti ini (yang saya pakai):

&lt;!--</body>--&gt;&lt;/body&gt;

Bisa juga seperti ini:

<textarea style='display:none'><head/><body/></textarea>&lt;/body&gt;

Atau bisa juga yang lainnya. Tinggal cari saja ya.

Lalu GANTI kode tersebut dengan tag penutup body yang benar, yaitu ini:

</body>

Setelah itu simpan template dan lihat hasilnya.

Jika semua pegaturan di atas sudah dilakukan tapi masih terjadi error, cari kode ini:

&lt;!--</head>--&gt;&lt;/head&gt;

Ganti menjadi ini:

</head>

Ada satu langkah terakhir. Ini untuk memperbaiki kolom komentar yang tidak muncul di artikel yang belum memiliki satupun komentar sebelumnya. Cari kode ini.

<b:includable id='comment_picker' var='post'>...</b:includable>

Ganti dengan ini:

<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>

Apakah pada dasarnya template kamu TIDAK menghapus JS bundle bawaan dan dari awal sudah memakai </body> dan </head> tapi tetap saja tombol reply masih rusak? Maka cobalah cara kedua di bawah ini.

Baca Juga: Cara Mengganti Tampilan Komentar Blogger ke Versi Terbaru

Cara Kedua

Biasanya template yang memakai threaded comment atau yang dari awal memakai tag HTML </body> dan </head> tidak mempan memakai cara pertama. Maka kamu harus coba cara alternatif ini.

Sejak masalah tombol reply error ini terjadi, ada beberapa template yang tampilan komentar modifikasinya tidak lagi menjadi threaded (bertingkat / bersarang). Cara berikut hanya membantu untuk memperbaiki fitur reply saja dan TIDAK memperbaiki agar tampilannya kembali bertingkat-tingkat.

Langkah-langkah memperbaiki tombol reply yang rusak adalah seperti ini.

1. TIDAK PERLU mengembalikan JS bundel bawaan seperti di cara pertama. Biarkan saja tag penutup head dan body apa adanya.
2. Cukup tambahkan script berikut DI ATAS tag penutup </body>.
   

   <script> //<![CDATA[
   /* Repair Reply Button by igniel.com */
     function Display_Reply_Form(e) {
      par_id=$(e).attr('id');
      par_id=Valid_Par_Id(par_id);
      html=$(Cur_Cform_Hdr).html();
      if(Cur_Cform_Hdr=='.comment_form') {
       reset_html='<a href=\"#origin_cform\" onclick=\"Reset_Comment_Form()\" id=\"resetcomments\">Add Comments</a><a name=\"origin_cform\"/>';
       $(Cur_Cform_Hdr).html(reset_html)
      }
      else {
       $(Cur_Cform_Hdr).html('')
      }
      Cur_Cform_Hdr='#r_f_c'+par_id;
      $(Cur_Cform_Hdr).html(html);
      $('#comment-editor').attr('src',Cform_Ins_ParID(par_id))
     }
   //]]> </script>

3. Terakhir simpan template dan lihat hasilnya

Kok Tiba-tiba Error Ya?

Ya nggak tau. Mungkin Blogger sudah update. Dia tidak mau script bundle yang seharusnya dipasang malah dihapus. Karena script itu ternyata cukup membantu buat beberapa hal dan bisa membuat custom template yang lebih keren. Cuma mungkin lho ya. Saya sendiri lebih suka menyembunyikannya karena belum banyak dipakai.

Di atas adalah solusi tercepat yang sementara ini berhasil ditemukan. Efek jeleknya skor blog akan berkurang di beberapa situs test page speed seperti GTmetrix atau Google Page Speed Insight. Meskipun sebenarnya loading halaman masih cepet-cepet aja sih. Sayangnya masih ada yang terobsesi sama skor dari web tersebut.

Jika ada solusi selain memunculkan JS bawaan akan saya update di sini. Semoga kebingungan kamu hilang dan tidak lantas berganti ke Disqus ya.

Baca Juga