Cara Memperbaiki Pesan Komentar Yang Turun Kebawah

Banyak sekali blog blog yang saya kunjungi ketika ingin berkomentar pesan komentar yang seharusnya berada di atas kotak komentar malah berpindah kebawah saat membalas komentar, hal ini juga sering terjadi pada emoticon smiley yang berpindah kebawah saat berkomentar, tentu hal ini membuat kotak komentar yang tadi terlihat rapih dan menarik justru menjadi kebalikannya, tapi tidak perlu khawatir lagi karena kali ini saya akan membagikan tutorial memperbaiki pesan komentar dan emoticon yang turun kebawah kotak komentar. perhatikan step by stepnya

Login ke blogger
back up template untuk berjaga-jaga
pilih template >> edit html
centang expand widget template
cari kode <b:includable id='threaded-comment-form' var='post'> untuk mempermudah gunakan ctrl+f
ganti kode berikut

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

ganti kode diatas 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>

cari kode  

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

ganti kode diatas dengan kode dibawah ini

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

simpan template