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.

pesan komentar 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.

Sumber: http://istiawanblog.blogspot.com.

3 comments:

  1. blog saya seperti ini nih kolom komentarnya.
    ada dibawah.. :(

    ReplyDelete
    Replies
    1. di perbaiki aja gan, liat tutornya di atas..

      Delete
  2. akhirnya nemu solusinya, makasih gan..

    ReplyDelete