Pengunjung yang baik adalah pengunjung yang selalu meninggalkan komentar :)
Posted by : Fitrah Gilang Fadilah February 23, 2014

Saya akan menjelaskan tentang "Masalah Pesan Formulir Komentar Blogger yang Jatuh ke Bawah" biasanya masalah seperti ini pernah di alami oleh para Blogger, karena seringkali tampil pada tempat yang salah jika kita menggunakan template standar Blogger. Dari pada bingung sendiri, lihatlah contoh screenshoot dibawah ini :

Masalah Pesan Formulir Komentar Blogger yang Jatuh ke Bawah
Itulah salah satu contoh pesan formulir komentar yang jatuh kebawah, langsung saja ke tutorialnya ya, berikut tutorialnya :
1. Login ke Blogger.com
2. Masuk ke Template --> edit HTML
3. cari kode yang mirip dengan kode dibwah ini, dan ganti semua kode tersebut :
<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>
3. Jika sudah ketemu ganti kode di atas ini, dengan kode dibawah ini :
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
<div id='form-wrapper'>
    <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>
</div>
    <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. Cari lagi kode dibawah ini :
document.getElementById(domId).insertBefore(replybox, null);
6. Lalu ganti kode di atas dengan kode :
document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
7. Klik simpan template, dan sekarang pesan formulir komentar anda telah berubah posisi, menjadi ke atas.
Jangan lupa tinggalkan komentar anda, karena satu komentar saja sangat berarti bagi saya, kenapa demikian ?, karena dengan sobat berkomentar saya bisa tau letak kesalahannya dimana, dan juga sobat bisa memberikan motivasi/masukan tentang kekurangan blog ini.

Sumber : Yoga-Tc

Tinggalkan Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Copyright © 2014 Kuro Usagi - Designed by Fitrah Gilang F Template By Djogzs