Cara Melebarkan Kotak Komentar Blog

Cara Melebarkan Kotak Komentar Blog - Kembali dengan tips blog lainnya dan tentunya yang pasti hanya di Gang Tutorial. Kalo postingan sebelumnya related post (artikel terkait) ada di sidebar, sekarang saya akan share tips yang lain yaitu tips Cara Melebarkan Kotak Komentar Blog. Karena tidak jarang diantara para sobat blogger yang merasa kolom komentar blognya kekecilan (kurang lebar). Gimana sob, lanjut? OK. kalo lanjut.

1.  Langsung saja Login ke Blogger
2.  Pilih Rancangan
3.  Klik  Edit HTML
4. Jangan Lupa!  Klik tulisan Download Template Lengkap untuk mem-backup template awal
(Centang kotak kecil di samping tulisan Expan template Widget Tunggu hingga proses selesai).
5. Selanjutnya tambahkan kode CSS di bawah ini sebelum kode ]]></b:skin>

div.comment-form-block{
width: 550px; /*silahkan rubah 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;
}

6. Lalu cari kode yang mirip seperti di bawah ini, untuk mempermudah pencarian tekan Ctrl + F / (F3)
(ingat sob, tiap blog akan berbeda-beda bentuknya namun jika anda menemukan yang mirip ini hapus aja)

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

7. Silahkan sobat 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>

8. Silahkan sobat simpan template.

sampai di sini dulu semoga bermanfaat dan selamat mencoba dalam Cara Melebarkan Kotak Komentar Blog