Posisi dari kolom komentar blog blogger atau blog wordpress adalah di bagian bawah posting sebelah kiri. Posisi tersebut merupakan posisi default dari kolom komentar atau kotak komentar. Kalau ukuran Blog Posts sobat blogger lebar, maka posisi kolom komentar yang seperti itu tidak begitu bagus. Sehingga tidak jarang pemilik blog merubah posisi kolom komentar mereka. Tetap sih di bawah posting, cuman posisi sebelah kiri agak sedikit di geser ke kanan sehingga posisinya menjadi di tengah. Coba perhatiakan kedua gambar di bawah ini! Dari kedua gambar ini, sobat blogger dapat melihat perbedaan kotak komentar dengan posisi default dan kotak komentar setelah dimodifikasi.

---

Cara Membuat kolom Komentar Berada Di Tengah

---

• Sign In di blogger.com
• Pada menu drop down pilih Template
• BackUp template sobat, setelah itu klik Edit Template dan klik Proceed
• Cari kode yang seperti ini:

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

• Atau cari kode seperti ini:

<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<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%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>

• Letakkan kode <center> sebelum kode di atas dan letakkan kode </center> setelah kode di atas. Perhatikan Contoh di bawah ini!

<center>
<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
     &t;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>
</center>

• Kalau sudah memasukkan kode <center> dan </center>, simpan template sobat.

Buka salah satu postingan sobat untuk melihat hasilnya