Cara mengubah size kotak komentar

Cara mengubah size / ukuran kotak komentar blog sama juga dengan tutorial melebarkan atau mengecilkan kolom tempat penulisan komentar.
Platform Blogger hanya menyediakan ukuran kolom yang default dan tidak menyesuaikan pada kolom posting kita, jadi seringkali saya melihat suatu blog yang kolom komentarnya tidak sesuai / tidak pas ukurannya dengan lebar halaman posting.
Setelah tadi kita membahas panjang lebar tentang cara memasang emoticon kaskus di kotak komentar, sekarang kita akan modifikasi ukuran / size kotak komentar di bawahnya.

Kita langsung saja pada praktek:

Pertama kali jangan lupa awali dengan doa dan backup template sebagai antisipasi kesalahan. jika masih belum tau cara backup template, silakan baca posting lawas saya yang berjudul cara aman meng-edit template blog

=> lalu masuk ke akun blogger anda, di dasbor klik rancangan, lalu klik Edit HTML dan centang Expand Template Widget

Temukan kode <b:includable id='comment-form' var='post'>

Nb: Untuk mempercepat pencarian anda bisa gunakan sarana find (tekan Ctrl+F)

Sehingga anda akan menemukan deretan kode yang mirip seperti 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='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

Lalu ganti / hapus semua kode itu dengan kode:

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

Langkah terakhir adalah dengan menambahkan sedikit kode CSS di bawah ini sebelum/diatas kode ]]></b:skin>

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

Ubah angka yang berwarna biru ( 570 ) dengan ukuran yang anda inginkan.

Simpan template dan lihat perubahan ukuran pada kotak komentar anda.

Review:

Judul	Cara mengubah size kotak komentar
Deskripsi	Cara mengubah size / ukuran kotak komentar blog sama juga dengan tutorial melebarkan atau mengecilkan kolom tempat penulisan komentar. Pla...
Author	Unknown
Author Rating	4/ 5 Suara Dari 1001 Ulasan