7 Agustus 2012

Membuat Kolom Komentar di Tengah

Blogspot mempunyai kolom Komentar yang posisinya di sebelah kiri di bagian bawah postingan. Posisi tersebut merupakan Posisi Default dari Kolom Komentar. Kalau template sobat blogger terdiri atas tiga kolom, kemudian posisi kolom komentarnya di sebelah kiri, maka kolom komentar tersebut pasti tidak terlihat bagus atau indah.  Untuk merubah posisi tersebut berada di tengah (Center), caranya sangat mudah.  Sobat Blogger hanya menambahkan kode berikut ini:

<center> dan </center>

Bagaimana Cara menambahkan kode tersebut? Ikuti langkah-langkah di bawah ini:

  • Sign In ke Blog Sobat
  • Klik Rancangan ---> EDIT HTML
  • Tandai Expand Widget Template
  • Gunakan Ctrl + F dan cari kode <div class='comment-form'> Kalau sudah ketemu, berikut tampilan yang terlihat
<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'/><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></center>
  • Simpan Template sobat
Sebelum


Setelah




Kalau Sobat blogger sudah menambahkan kode tersebut, kolom komentar sobat blogger akan terlihat seperti di atas! Bagaimana? Sudah faham kan? 


EmoticonEmoticon