Cara mengatasi pesan komentar yang berada di bawah formulir

Sebelumnya saya post mengenai cara membuat komentar bertingkat atau biasa disebut Threaded comments , namun ada beberapa dari teman yang menerapkan komentar Style bertingkat tersebut  mendapatkan masalah ,yaitu Pesan komentar yang seharusnya berada di atas komentar malah berada di bawah formulir komentar.
Sebetulnya ini bukan masalah yang fatal akan tetapi akan terlihat ganjil oleh kita maupun pembaca jika tidak di perbaiki.Jika anda mengalamami masalah seperti itu Terus bagaimana cara mengatasinya ? simak tutorial di bawah ini .

Tutorial

• Masuk ke Template dan Edit Html
• Dengan menekan Ctrl+F Cari kode berikut <b:includable id='threaded-comment-form' var='post'>
• Anda ganti kode dari <b:includable id='threaded-comment-form' var='post'> sampai dengan </b:includable> 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>

• Kemudian Tekan Ctrl+F lagi dan cari kode di berikut :

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

• Anda ganti dengan

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

• Save template dan lihat hasilnya , Jika Pesan komentar tetap saja masih berada di bawah , mungkin anda kurang ganteng :P