Trik Melebarkan Kotak Isian Komentar

Trik Melebarkan Kotak Isian Komentar
Sobat, untuk kali ini gue akan berbagi pengalaman dengan sobat semua. Pengalaman ini di dapatkan setelah semalaman mencoba membongkar habis Form komentar, salah satunya adalah melebarkan kotak isian komentar. Langsung aja deh sobat, kita langsung praktekkan.

Untuk yang pertama kali, sobat Login ke blogger dengan ID kamu »» Klik Tata Letak »» Klik tab Edit HTML »» Klik tulisan Download Template Lengkap untuk mem-backup template awal »» Centang kotak kecil di samping tulisan Expan template Widget »» Tunggu hingga proses selesai.

Cari kode di bawah ini, caranya untuk mempermudah tekan Ctrl F:

<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>

Hapus/delete kode di atas kemudian ganti dengan kode di bawah 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='275' id='comment-editor'
scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>

Selanjutnya tambahkan kode CSS di bawah ini sebelum kode ]]></b:skin>

div.comment-form-block{
width: 550px; /*silahkan sobat ubah sesuai dengan lebar yg anda inginkan*/
margin: 0 auto;
}
div.comment-form-block p{
color: #000;
font-family: 'Georgia';
font-size: 14px;
text-align: left;
}

Kode di atas dapat disesuaikan dengan selera sobat, silahkan dirubah nilai angka sendiri y. Jadi sobat bisa berkreasi sendiri. Simpan Template dan lihat hasilnya wink.
Oiya, ada sedikit catatan. Untuk tinggi kotak komentar memang sengaja tidak ubah kerena mengikuti ukuran standar yang sudah ada. Karena yang biasa menjadi problem bagi kita, termasuk gue adalah lebarnya untuk menyesuaikan dengan lebar halaman postingan, dan bukan tingginya.

Nah, nie sobat bisa lihat preview hasil praktek , lebar kotak komentar blogspot setelah modifikasi, lebih lebar bukan...?