Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah

Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah~ Blog saya pernah mengalami kejadian, dimana pesan komentar yang tertulis di atas kotak komentar malah turun di bawah komentar. yang bisa anda lihat pada gambar di bawah ini.

Mungkin diantara anda semua pasti ada juga yang mengalami hal yang serupa pada blog anda, hal ini sebagian besar terjadi karena kita memasang emoticons di blog. Tetapi dengan merubah beberapa kode di edit HTML, maka kita akn melihat kembali pesan komentar menjadi di atas kotak komentar.

Cara Memperbaiki

 Tahap Pertama

1. Login ke blog anda terlebih dahulu
2. Pilih menu template --> edit HTML
3. Cari kode <b:includable id='threaded-comment-form' var='post'> atau kode yang lebih panjannya yaitu:

<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 anda berhasil mencari kode tersebut ganti dengan kode 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

Tahap Kedua

1. Tetap di edit HTML

2. Cari kode di bawah ini:

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

3. Ganti Dengan kode di bawah ini :

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

4. Simpan