Tuesday, October 18, 2016

Cara Memperbaiki Pesan Komentar Yang Turun Kebawah

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 

Go to link Download