Cara Memperbaiki Pesan Komentar yang Berada dibawah

---

Jika kita sebagai seorang blogger yan memang benar-benar serius ingin mengurus blog kita, tentu hal sekecil kotak formulir komentar nyasar dibawah akan menjadi masalah karena hal seperti ini tidak lazim terjadi pada blogger umumnya. setelah menguji experiment pada belajar berbagi saya akan memberikan cara yang ampuh memperbaiki pesan formulir yang berada di bawah.

Dari kedua buah gambar diatas tentu anda akan memahami itulah yang saat ini anda alami pada blog kesayangan anda.

Saya melakukan uji experiment seperti ini karena saya melihat salah satu sahabat blogger yang mengalami seperti pesan formulir komentar dibawah. disitulah saya tertarik untuk mengujinya pada blog belajar berbagi ini dengan menyulap template saya dan mengulik-ngulik template tersebut sehingga saya juga mengalami hal yang sama. akan tetapi saya tidak panik, karena saya hanya menguji coba saja, dan hasilnya terletak pada <div id='form-wrapper'> KODE </div> dan document.getElementById(domId).insertBefore(replybox, null); disinilah masalahnya.

Cara memperbaiki formulir komentar yang muncul di bawah

Jika anda mengalami hal yang sama seperti gambar diatas tersebut atau pada gambar pertama, maka mari kita sama-sama belajar yang tentunya anda harus masuk ke blogger » template » edit html

Sebelum anda melakukan uji experiment atau memperbaiki pesan formulir komentar, sebaiknya anda download terlebih dahulu template anda. dan jika anda merasa yakin dengan tutorial yang saya sajikan kepada anda, maka silahkan anda temui kode yang saya tandakan dengan bold (huruf tebal).

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

Keterangan: anda hapus dari kode <b:includable id='threaded-comment-form' var='post'> sampai dengan </b:includable>

Setelah itu ganti dengan kode dibawah 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>

Sampai sini, anda belum selesai karena anda harus menemui salah satu kode lagi di template blog anda. cari kode seperti dibawah ini

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

Ganti dengan kode dibawah ini

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

Save template dan silahkan dilihat.

Jika anda mengikuti langkah-langkah diatas dengan benar, maka tidak akan terjadi error, jika tidak benar maka otomatis akan error.

Sekian informasi tentang cara mengatasi pesan formulir komentar yang muncul dibawah. semoga bermanfaat dan happy blogging

Anda Berada di Label Blogger HTML

• Cara Memasang Tombol Share dibawah Postingan Blog
• Cara Membuat Menu Breadcrumbs di Blogspot
• Cara Menghilangkan Tulisan "Tampilkan Posting dengan Label"
• Cara Membuat Quote Otomatis di Postingan Blog dan Penjelasan
• Cara Membuat Read More di Blogspot Lengkap
• Cara Mengatasi Redirect Domain Com Ke Co.id Pada Blog
• Cara Membuat Label di Blogger
• Sanggahan Pengaruh Valid HTML Terhadap SEO
• Mengurangi Spasi Antara Judul dan Isi Postingan Blog
• Cara Menghilangkan Link Aktif pada Komentar Blog
• Cara Memperbaiki Pesan Komentar yang Berada dibawah
• Cara Memasang Tombol Balas Komentar Blog (Reply Comment)
• Menyembunyikan dan Memunculkan Widget Blogger
• Memasang Scroll Daftar Isi, Widget, Archive Blog
• Membuat Open Link New Tab Komentar Blog dan Anchor Text SEO