Masalah Pesan Formulir Komentar Blogger yang Jatuh ke Bawah

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 :

Itulah salahsatu 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.

Tweet

Unknown pada 7/28/2013