Sunday, November 20, 2011

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? Terima kasih sudah berkunjung di Rinjani Lovers

Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



3 comments:

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template