Ada Apa dengan Tombol Balas Komentar Blogger? - Arlina Design
Beberapa waktu lalu ada keluhan lewat email tentang 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 bingung kok bisa? Kemungkinan ada perubahan di blogger yang tidak saya ketahui.

Ada Apa dengan Tombol Balas Komentar Blogger

Bagi sobat yang mengalami hal ini di blognya khususnya untuk template yang sudah dioptimasi, Sobat bisa mengembalikan beberapa optimasi tersebut ke semula seperti pada postingan ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Jadi bagi yang sebelumnya melakukan tips Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger bisa kembalikan seperti semula.

Yang perlu sobat lakukan adalah mengembalikan semua kode yang pernah dioptimasi ke semula.

Kode pembuka head

Ganti kode ini


<head>

Dengan kode ini

<head>

Kode untuk menyembunyikan CSS Reset

Ganti kode ini

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Dengan kode ini

<b:skin><![CDATA[

Ganti kode ini

</style>

Dengan kode ini

]]></b:skin>

Kode penutup head

Ganti kode ini

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

Dengan kode ini

</head>

Kode penutup body

Ganti kode ini

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

Dengan kode ini

</body>

Namun sobat tidak perlu mengganti kode ini :

<HTML>

Dan ini

</HTML>

Sisanya diganti semua. Jika sudah mengembalikan CSS dan JavaScript bawaan blogger, Selanjutnya sobat bisa melakukan hal ini untuk memperbaikinya.

Pertama buka Blogger > Klik menu Tema > Klik tombol Edit HTML dan cari kode 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 kode 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 kode 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 hasilnya bisa mencoba menekan tombol balas komentar di blognya.

Dengan melakukan hal di atas, seharusnya sudah bisa teratasi dan juga komentar dari Google+ bisa sobat aktifkan kembali.

Menurut saran saya salah satu solusi terbaik yaitu dengan beralih ke sistem komentar Disqus, seperti pada postingan Pembaruan Komentar Disqus dengan Onclick Event. Karena Disqus memiliki banyak kelebihan jika dibandingkan dengan sistem komentar bawaan Blogger, namun semua itu kembali ke pilihan sobat.

Oke, sekian untuk postingan kali ini, semoga bermanfaat dan wassalam.

Ada Apa dengan Tombol Balas Komentar Blogger?

Beberapa waktu lalu ada keluhan lewat email tentang 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 bingung kok bisa? Kemungkinan ada perubahan di blogger yang tidak saya ketahui.

Ada Apa dengan Tombol Balas Komentar Blogger

Bagi sobat yang mengalami hal ini di blognya khususnya untuk template yang sudah dioptimasi, Sobat bisa mengembalikan beberapa optimasi tersebut ke semula seperti pada postingan ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Jadi bagi yang sebelumnya melakukan tips Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger bisa kembalikan seperti semula.

Yang perlu sobat lakukan adalah mengembalikan semua kode yang pernah dioptimasi ke semula.

Kode pembuka head

Ganti kode ini


&lt;head&gt;

Dengan kode ini

<head>

Kode untuk menyembunyikan CSS Reset

Ganti kode ini

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Dengan kode ini

<b:skin><![CDATA[

Ganti kode ini

</style>

Dengan kode ini

]]></b:skin>

Kode penutup head

Ganti kode ini

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

Dengan kode ini

</head>

Kode penutup body

Ganti kode ini

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

Dengan kode ini

</body>

Namun sobat tidak perlu mengganti kode ini :

<HTML>

Dan ini

</HTML>

Sisanya diganti semua. Jika sudah mengembalikan CSS dan JavaScript bawaan blogger, Selanjutnya sobat bisa melakukan hal ini untuk memperbaikinya.

Pertama buka Blogger > Klik menu Tema > Klik tombol Edit HTML dan cari kode 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 kode 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 kode 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 hasilnya bisa mencoba menekan tombol balas komentar di blognya.

Dengan melakukan hal di atas, seharusnya sudah bisa teratasi dan juga komentar dari Google+ bisa sobat aktifkan kembali.

Menurut saran saya salah satu solusi terbaik yaitu dengan beralih ke sistem komentar Disqus, seperti pada postingan Pembaruan Komentar Disqus dengan Onclick Event. Karena Disqus memiliki banyak kelebihan jika dibandingkan dengan sistem komentar bawaan Blogger, namun semua itu kembali ke pilihan sobat.

Oke, sekian untuk postingan kali ini, semoga bermanfaat dan wassalam.

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo