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 

Help

silakan tanyakan jika ada sobat yang belum mengerti di kotak komentar

 ©2013 copyright