Cara Mengedit Lebar Kotak Komentar Blog

Mungkin Anda merasa lebar kotak komentar blog Anda tampak kurang serasi dengan lebar halaman posting. Ya, karena secara default kotak komentar dari Blogger biasanya berukuran lebih kecil sehingga terlihat tak seimbang dengan lebar halaman postingan. Berikut adalah cara untuk merubah lebar kotak komentar agar terlihat serasi sesuai dengan keinginan Anda.

Cara merubah lebar kotak komentar blog

1. Pertama Login ke Blogger Anda.
2. Pada menu Dashboard klik Rancangan > Edit HTML > jangan lupa, centang ‘Expland Template Widget’.
3. Download dahulu template Anda untuk berjaga – jaga. Lalu cari kode berikut ini :

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='250' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

4. Setelah ketemu hapus kode diatas dan ganti dengan :

<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
<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' frameborder='0' height='250' id='comment-editor'
scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>

5. Perhatikan kode berwarna biru! Sesuaikan jika terjadi perbedaan nilai Height (berwarna biru) antara kode pertama dan kode pengganti.
6. Selanjutnya cari kode : ]] > </b:skin> dan tambahkan diatasnya :

div.comment-form-block{
width: 420px;
margin: 0 auto;
}
div.comment-form-block p{
color: #000;
font-family: 'Georgia';
font-size: 14px;
text-align: left;
}

7. Rubah kode berwarna biru diatas dan sesuaikan dengan keinginan Anda.
8. Jika sudah Simpan Template dan lihat hasilnya.

thanks to : TGQRAZMHQZHK