Melebarkan Kotak Komentar

Agan ingin mengubah ukuran lebar dan tinggi kotak komentar ??

1. Masuk ke Template. Pilih Edit HTML.
__Pilih Lanjutkan. Beri centang expand template widget.

2. Carilah kode yang mirip seperti berikut.
__Gunakan CTRL F untuk memudahkan pencarian. Tidak harus sama persis.

<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='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

4. Jika sudah ketemu, hapus dan ganti dengan kode ini.

<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='265' id='comment-editor'
scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>

5. Lalu, carilah kode ini  ]]></b:skin>

6. Masukkan kode berikut di atas kode tadi.

div.comment-form-block{width: 470px;margin: 0 auto;}
div.comment-form-block p{color: #000;font-family: 'Georgia'; 

font-size: 14px;text-align: left;}

7. Nah, sekarang setel ukurannya.

Angka 265 (lihat step no. 4) adalah ukuran tinggi.
Angka 470 (lihat step no. 6) adalah ukuran lebar.

8. Klik Pratinjau untuk memastikan tidak ada kesalahan. Klik Simpan.

Selamat mencoba.