Cara Merubah Atau Membuat Posisi Kolom Komentar Di Tengah

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.

Kotak komentar posisi default

Kotak komentar posisi center

---

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

Advertisment

** Share nya Jangan Lupa Ya.. Salam,salam **

Judul Artikel: Cara Merubah Atau Membuat Posisi Kolom Komentar Di Tengah

Unknown

Saya hanya blogger biasa yang suka kutak-katik blogger, senang belajar dan berbagi pengetahuan dan pengalaman dengan yang lain. Blog ini hasil dari source mas Septi Rosidi, semoga dapat bermanfaat untuk semua. Silahkan masukan email Anda pada kotak di bawah ini untuk mendapatkan update artikel dari semujursite.

• Rss
• Twitter
• FaceBook
• Follow This Blog