CARA MENGATASI PESAN KOMENTAR YANG BERADA DIBAWAH FORMULIR KOMENTAR

CARA MENGATASI PESAN KOMENTAR YANG BERADA DIBAWAH FORMULIR KOMENTAR | Setelah kemarin saya sudah memposting Pengertian Web Hosting Dan Kegunaannya , Nah sekarang saya akan membahas mengenai permasalahan pada pesan komentar , karena masalah ini sering terjadi pada pemblogger termasuk saya sendiri , mungkin anda pernah mengalami hal seperti ini . Mungkin permasalahan ini bukanlah permasalahan yang besar , namun masalah pertama tentunya akan menyulitkan pengunjung memberikan apresiasi , sedangkan masalah kedua tentunya ditinjau dari tata letak desain akan terlihat masih kurang rapi . Tapi bagaimana kalau kita memberikan pesan komentar untuk tidak melakukan komentar spam , namun pesan yang kita buat tadi berada di bawah formulir komentar ?? Pasti aneh bukan ?? Dan dibawah ini adalah Screenshot Contoh Permasalahannya :

Akibat dari tidak munculnya pesan komentar pada halaman blog , setelah saya analisa dan saya selidiki , ternyata kesalahan tersebut bukanlah pada pesawat komputer anda hanya terjadi kesalahan HTML saja . Ada dua faktor yang sangat berpengaruh pada kasus ini , saya berharap anda dapat memahaminya dengan baik :

1. Faktor akibat kode HTML komentar yang telah dimodifikasi secara keseluruhan . Bagi para pembuat template hal ini tidak merupakan sebuah kesalahan , sebab bila kita membuat suatu template pasti kita akan membuat sebuah template yang berbeda dengan yang lain agar terkesan lain dan unik . Jadi solusi yang terbaik adalah membuat suatu pesan komentar secara manual dengan membuat tag - tag  HTML secara langsung pada tubuh blog .
2. Faktor menempatkan kode yang salah dan kurang sempurna pada tubuh halaman blog membuat tidak munculnya pesan komentar , coba perhatikan dengan teliti code yang anda copas , harus semua kode di copas dengan baik . Dari kasus yang telah saya lihat terkadang kesalahan tidak munculnya pesan komentar pada halaman blog akibat salahnya penempatan kode CSS pada tubuh ]]></b:skin> pada template responsive atau semi responsive . Template ini memang memakai sistem screen yang telah disesuaikan alias tidak bebas , oleh karena itu bila anda salah meletakkan semua kode CSS ketubuh ]]></b:skin> template banyak kemungkinan eror dan tidak munculnya pesan komentar tersebut . 

Masalah ini diakibatkan oleh kurangnya beberapa code pada script dan HTML komentar blog , untuk mengatasi hal ini anda perlu menambahkan ke tubuh blog anda , silahkan simak penjelasan dibawah ini :

1. Login ke dashboard anda

2. Masuk ke Template lalu klik Edit HTML

3. Cari kode dibawah ini :

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

4. Setelah ketemu , coba perhatikan kode tersebut , silahkan hapus kode yang bertuliskan warna MERAH atas sampai kode yang bertuliskan warna MERAH yang paling bawah .
5. Kemudian ganti dengan kode HTML yang ada di bawah ini :

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize
blogger-comment-from-post' frameborder='0' height='410'
id='comment-editor' name='comment-editor' src='' style='display: none'
width='100%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize
blogger-comment-from-post' frameborder='0' height='410'
id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>

6. Setelah anda ganti kodenya , saatnya kita untuk mempercantik sedikit lagi Scriptnya untuk lebih maximal .
7. Cari kode tag dibawah ini di template anda dengan CTRL+F untuk lebih mudah mencarinya :

document.getElementById(domId).insertBefore(replybox, null);

    Biasanya kode tersebut ada pada script komentar .
8. Ganti kode script yang diatas menjadi kode script dibawah ini :

document.getElementById(domId).insertBefore
(document.getElementById('form-wrapper'), null);

9. Setelah selesai saatnya anda klik SAVE untuk menyimpan perubahan . Hasilnya akan seperti screenshot dibawah ini :

Langkah - langkah diatas sudah saya coba sendiri dan berhasil . Bila dalam prosesna anda mengalami kegagalan , mungkin itu dikarenakan ada hal diatas yang anda lewatkan atau waktu anda copas HTML nya terjadi kesalahan atau kurang . Demikian tutorial kali ini yang membahas CARA MENGATASI PESAN KOMENTAR YANG BERADA DIBAWAH FORMULIR KOMENTAR  . Semoga dapat menjadi solusi untuk masalah pesan komentar yang jatuh dibawah formulir komentar pada blog anda . Silahkan untuk memberikan apresiasi anda terhadap artikel diatas . Salam Ic Creem