Saturday, June 6, 2015

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!
Cara Cepat Mengatasi Pesan Formulir Yang Pindah Ke Bawah

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.
Previous Post
Next Post

11 comments:

  1. itu widget yang disipkan dalam perintah editing tata letak, sebenarnya mudah, kode seperti ini hanya terdapat 1 dalam Template:

    <div class='comment-form'>

    untuk mengatur form komentar, tinggal dipilih mau diletakkan dimana widget itu, dibawah atau diatas,

    ReplyDelete
    Replies
    1. terima kasih tambahannya mbak @devy

      tapi saya masih blum paham hehehe

      Delete
    2. pemasangan pesan komentar kan bisa dengan 2 hal dan letak dimana pesan ini akan ditampilkan ya hanya diatas form komentar tepatnya,

      maksudnya saya hanya fokus [pada element ini:

      <div class='comment-form'>

      karena tidak semua Tempalte menggunakan fungsi komentar bertingkat seperti ini:

      threaded-comment-form

      Delete
    3. o0o begitu . .. terima kasih pnjelasannya mbak @devy

      Delete
  2. ada ada aja ya ternyata pesan komentar bisa dibawah, mungkin template nya mas yang belum support :)

    ReplyDelete
    Replies
    1. mungkin juga mbak @wahyu ....

      kalau belum ada yang berkomentar biasanya masih tetap diatas, tapi klo udah ada yg isi komentar langsung ketendang kebawah hahaha...

      btw, makasih kunjungannya

      Delete
    2. asem .. . kejebak lagi dah, hahahahah

      merendah dah ini nona rinrin :p

      Delete
  3. Lihat tutornya aja udah ribet apalagi kalau sudah di edit sendiri x_x

    ReplyDelete
    Replies
    1. hehehe... saya juga puyeng mbak, tp yg pnting web nya mbak @wida tidak mengalami hal itu...

      sukses terus mbak

      Delete
  4. Dpt ilmu baru dari sini, makasih ya gan!

    ReplyDelete
    Replies
    1. sama2 mas gan @Dzaky . . . . terima kasih sudah tersesad di mari yak. . . .

      Delete

- Pengunjung yang hebat pasti meninggalkan komentar
- Komentar IKLAN / LINK AKTIV tidak akan di Publish
- Komentar mengandung unsur SARA tidak akan di Publish
- Komentarlah dengan bijak sesuai topik artikel
- Komentar anda menjadi undangan bagi saya