Hosting Unlimited Indonesia

Cara Memasang Komentar Facebook Responsive Di Blogger

Cara Memasang Komentar Facebook Responsive di Blogger - Masih membahas seputar komentar, tutorial kedua hari ini akan menyebarkan perihal...

Ada Apa Dengan Tombol Balas Komentar Blogger?

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

Beberapa waktu kemudian ada keluhan lewat email perihal  Ada Apa dengan Tombol Balas Komentar Blogger?

Bagi teman yang mengalami hal ini di blognya khususnya untuk template yang sudah dioptimasi, Sobat dapat mengembalikan beberapa meningkatkan secara optimal tersebut ke semula menyerupai 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 menyerupai semula.

Yang perlu teman lakukan yakni mengembalikan semua aba-aba yang pernah dioptimasi ke semula.

Kode pembuka head

Ganti aba-aba ini


<head>

Dengan aba-aba ini

<head>

Kode untuk menyembunyikan CSS Reset

Ganti aba-aba ini

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

Dengan aba-aba ini

<b:skin><![CDATA[

Ganti aba-aba ini

</style>

Dengan aba-aba ini

]]></b:skin>

Kode epilog head

Ganti aba-aba ini

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

Dengan aba-aba ini

</head>

Kode epilog body

Ganti aba-aba ini

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

Dengan aba-aba ini

</body>

Namun teman tidak perlu mengganti aba-aba 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 sajian Tema > Klik tombol Edit HTML dan cari aba-aba 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 aba-aba 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 aba-aba 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, menyerupai pada postingan Pembaruan Komentar Disqus dengan Onclick Event. Karena Disqus mempunyai banyak kelebihan kalau dibandingkan dengan sistem komentar bawaan Blogger, namun semua itu kembali ke pilihan sobat.

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

0 Response to "Ada Apa Dengan Tombol Balas Komentar Blogger?"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel