Mengatasi Masalah Pesan Formulir Komentar Yang Berada Dibawah

Mengatasi Masalah Pesan Formulir Komentar Yang Berada Dibawah, tentu kalian sering melihat pada blog yang pesan formulir komentarnya berada dibawah form komentar seperti gambar diatas. Tentu masalah ini sedikit mengganggu karena terlihat tidak rapi, masalah ini terjadi pada threaded comment blogspot sehingga kalau di lihat-lihat agak sedikit risih.. Nah saya mendapatkan tutorial yang dapat menyelesaikan masalah tersebut, tutorial dari DT:].

Berikut Langkah-langkah untuk Mengatasi Masalah Pesan Formulir Komentar Yang Berada Dibawah.

1. Pada dasboard, Masuk ke Template > pilih Edit HTML > lalu Centang Expand template widget.

Cari kode 'threaded-comment-form' 

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

Lihat kode yang berwarna merah tersebut adalah kode yang kita cari tadi, kemudaian hapus semua kode tersebut dari <b:includable id='threaded-comment-form' var='post'> sampai </b:includable> kemudian 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>

Selanjutnya cari kode berikut ini  

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

ganti dengan kode ini 

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

Simpan Template dan lihat hasilnya. Semoga bermanfaat.

Judul: Mengatasi Masalah Pesan Formulir Komentar Yang Berada Dibawah; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts