Beberapa waktu kemudian ada keluhan lewat email ihwal tombol balas komentar di blogger yang tidak berfungsi. Disinggung dari artikel www.bungfrangki.com yang berjudul Komentar Blog Error, Tombol Reply Not Working, Apa Solusinya?. Di sini saya mencoba untuk mengecek ternyata memang betul bahwa tombol balas pada komentar Blogger tidak berjalan sebagaimana mestinya. Nah di sini saya resah kok bisa? Kemungkinan ada perubahan di blogger yang tidak saya ketahui.
Bagi teman yang mengalami hal ini di blognya khususnya untuk template yang sudah dioptimasi, Sobat dapat mengembalikan beberapa meningkatkan secara optimal tersebut ke semula ibarat pada postingan ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Makara bagi yang sebelumnya melaksanakan tips Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger dapat kembalikan ibarat semula.
Yang perlu teman lakukan ialah mengembalikan semua instruksi yang pernah dioptimasi ke semula.
Kode pembuka head
Ganti instruksi ini
<head>Dengan instruksi ini
<head>Kode untuk menyembunyikan CSS Reset
Ganti instruksi ini
<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]></b:skin> <style type='text/css'>Dengan instruksi ini
<b:skin><![CDATA[Ganti instruksi ini
</style>Dengan instruksi ini
]]></b:skin>Kode epilog head
Ganti instruksi ini
</head><!--<head/>-->Dengan instruksi ini
</head>Kode epilog body
Ganti instruksi ini
<!--</body>--></body>Dengan instruksi ini
</body>Namun teman tidak perlu mengganti instruksi ini :
<HTML>Dan ini
</HTML>Sisanya diganti semua. Jika sudah mengembalikan CSS dan JavaScript bawaan blogger, Selanjutnya teman dapat melaksanakan hal ini untuk memperbaikinya.
Pertama buka Blogger > Klik hidangan Tema > Klik tombol Edit HTML dan cari instruksi ini :
<b:includable id='comment_picker' var='post'>...</b:includable>Ganti markup tersebut dengan versi 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>Tambahkan instruksi ini sebelum </body>
<script type='text/javascript'> //<![CDATA[ function Display_Reply_Form(r){par_id=$(r).attr("id"),par_id=Valid_Par_Id(par_id),html=$(Cur_Cform_Hdr).html(),".comment_form"==Cur_Cform_Hdr?(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)):$(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>Selanjutnya, tambahkan instruksi CSS ini sebelum </head>
<style type='text/css'> /* Fix Comments */ #comments h4,#comments h3{display:block;background:#fff;padding:10px 15px;border-radius:2px}#comment-holder{overflow:hidden}#comment-holder ol{margin:0;padding:0}#comment-holder li{background:#fff;margin-left:0;padding:15px;border-radius:5px}#comment-holder .comment-replies{background:#f7f7f7;margin:0}#comment-holder .datetime{float:right;font-size:11px;font-weight:normal}#comment-holder .datetime a{color:#999}#comment-holder .datetime a:hover{color:#000}#comment-holder .user{font-weight:500}#comment-holder .comment-reply{background:#e74c3c;text-align:center;color:#fff;font-weight:normal;padding:6px 10px;margin:0 auto 10px auto;border-radius:2px}#comment-holder .comment-actions a{display:inline-block;background:#e74c3c;text-align:center;color:#fff;font-weight:normal;padding:0 10px;margin:0 5px 10px auto;border-radius:2px}#comment-holder .comment-actions a:hover,#comment-holder .comment-reply:hover,#comment-holder .comment-actions a:focus,#comment-holder .comment-reply:focus{text-decoration:none;background:#c0392b;color:#fff}#comment-holder .comment-content{margin:0 0 5px 0;color:#222;word-wrap:break-word;padding:10px 0}#comment-holder .thread-count{display:table;margin:5px auto 0 auto;text-align:center}#comment-holder .thread-count a{background:#fff;font-size:12px;padding:3px 10px;color:#999;text-align:center}#comment-holder li:before,#comment-holder .thread-arrow,.comment-form p{display:none} </style>Jika sudah, klik tombol Simpan tema dan untuk melihat jadinya dapat mencoba menekan tombol balas komentar di blognya.
Dengan melaksanakan hal di atas, seharusnya sudah dapat teratasi dan juga komentar dari Google+ dapat teman aktifkan kembali.
Menurut saran saya salah satu solusi terbaik yaitu dengan beralih ke sistem komentar Disqus, ibarat pada postingan Pembaruan Komentar Disqus dengan Onclick Event. Karena Disqus mempunyai banyak kelebihan jikalau dibandingkan dengan sistem komentar bawaan Blogger, namun semua itu kembali ke pilihan sobat.
Oke, sekian untuk postingan kali ini, supaya bermanfaat dan wassalam.