Cara Cepat Mengatasi Pesan Formulir Yang Pindah Ke Bawah

Pesan Formulir Komentar - Hampir setiap blog yang saya kunjungi semuanya memasang pesan formulir komentar. Alasan memasang pesan formulir komentar tersebut saya yakin bermacam-macam, mulai dari capek melihat yang komentar menautkan link hidup atau mati dan sebagainya. Tapi apapun alasannya yang jelas pesan formulir komentar tersebut dipasang sebagai penegas atau aturan berkomentar yang ditetapkan dalam blog tersebut. Aturan-aturan itu juga beraneka ragam, tergantung blog tersebut mempunyai tujuan apa. Namun yang sangat populer adalah aturan dilarang menautkan link hidup atau mati. Itu yang sering kali saya temukan ketika blogwalking.

Dan di blog inipun saya juga memasang pesan formulir itu, namun dengan model yang sederhana. Karena saya juga pernah melihat yang modelnya sudah beda. Berarti pesan formulir tersebut sudah dimodifikasi oleh si empunya blog. Kali ini saya tidak membahas model pesan formulir tersebut, tapi akan membahas tentang pesan formulir komentar yang pindah di bawah kolom komentar. Seperti gambar di bawah ini!

Menurut saya, hal ini tidak menjadi masalah. Tapi kalau dilihat dari segi keindahan, jelas sudah tidak sedap dipandang mata. Bisa dibilang, kita akan melakukan sesuatu tapi peraturannya kita baca belakangan. Iya kalau apa yang kita lakukan tidak menyalahi aturan tersebut, jika menyalahi gimana hayo ? Dari kasus ini buat saya tidak ada yang perlu disalahkan. 

Nah, dari pada terjadi hal-hal yang tidak kita inginkan dalam berkomentar maupun menerima komentar lebih baik kita atasi masalahnya dengan mengganti beberapa kode script yang akan saya tulis di bawah ini.

Mengatasi Pesan Formulir Yang Pindah Ke Bawah

1. Login ke akun blog seperti biasa

2. Klik bagian Template -> Edit HTML

3. Cari kode berikut threaded-comment-form. Jika ada lebih dari satu, cari yang seperti ini

<b:includable id='threaded-comment-form' var='post'>

4. Lalu ganti kode <b:includable id='threaded-comment-form' var='post'> sampai </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>

5. Kemudian cari kode dibawah ini (warna ungu)

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

6. Ganti kode warna ungu di atas dengan kode di bawah ini

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

7. Lalu Save dan lihat hasilnya

Mungkin cara di atas agak ribet, tapi jika kita ikuti satu-persatu pasti akan berhasil. Yang jelas pesan formulir komentar yang error sudah kembali ke posisi semula dan menjadi sedap dipandang mata. Sampai disini dulu corat-coret saya, ketemu lagi di lain waktu. Selamat mencoba dan semoga sukses.

Artikel Menarik Lainnya

• Tweet
• Share
• Share
• Share
• Share