Mengatasi Pesan Komentar Blog Yang Pindah Ke Bawah

Mengatasi Pesan Komentar Blog Yang Pindah Ke Bawah

Pesan komentar adalah sebuah pesan khusus yang di tuliskan oleh si pemilik blog yang

 ditujukan untuk pengunjung. Pesan ini biasanya berisi tentang ketentuan bagaimana 

cara berkomentar yang baik sesuai dengan aturan atau persyaratan dalam berkomentar

 di blog tersebut. Selain itu ada juga para blogger yang membuatnya untuk ucapan terima

 kasih, atau juga sebagai pemanis agar para pengunjung ingin berkomentar di blog-nya.

Pesan komentar ini umumnya terletak di atas dari kotak komentar,

 tetapi dalam keadaan tertentu biasanya akan turun ke bawah dengan tiba-tiba.

 Pada pengalaman pribadi saya di blog ini, pesan komentar akan muncul di atas pada

 postingan yang belum ada komentarnya atau yang jumlah komentarnya masih sedikit,

 tetapi pada posting yang jumlah komentarnya diatas empat, pesan komentar ini akan pindah ke bawah.

Saya yakin banyak para blogger akan mengalami masalah seperti gambar di atas.

 Karena masalah tersebut, pesan komentar yang di buat oleh pemilik akan sulit terbaca 

oleh pengunjung, pesan tersebut jadi terlihat seperti tidak berguna. Untuk itu 

saya akan memberikan solusi bagamana cara mengatasi pesan komentar yang jatuh

 ke bawah formulir komentar.

Perhatikan langkah-langkah berikut.

Login >> Template >> Edit HTML.

Cari kode di bawah,

<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>

tips: gunakan CTRL+F lalu ketikan threaded-comment-form untuk mempermudah pencarian.

Jika sudah ketemu, silakan anda hapus semua kode di atas dan ganti dengan kode berikut,

<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>

Selanjutnya cari kode document.getElementById(domId).insertBefore(replybox, null);

Ganti kode tersebut dengan kode document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);

Klik "Simpan Template".

Sekarang masalah pesan komentar yang pindah ke bawah, 

sudah berhasil anda atasi. Sekian artikel saya kali ini kurang lebihnya mohon maaf.]

 Semoga bermanfaat.

Artikel Terkait