Cara Melebarkan Editor Komentar di Blog

Cara Melebarkan Editor Komentar di Blog. kemarin saya telah menerangkan tentang Cara Chatting Dengan Widget Dari Google, sekarang saya akan menerangkan tutorial yang saya mendapatkan ilmu tutorial sangat penting dari kang salman. pasti sobat sudah pada tahukan blognya kang salman yang terkenal kan. yak betul yaitu kucoba.com. kang salman menginspirasi saya untuk membuat blog ini. kembali ke tema yakni melebarkan editor komentar di blog. komentar di blog kita terkadang lebarnya tidak sama seperti lebar area posting kita, blog saya termasuk juga dalam komentar yang berbeda dengan lebar area posting. namun dengan cara di bawah ini, kalian semua dapat merubah-rubah lebarnya sesuai keinginan sobat. langsung saja kita ke Tutorialnya :

• Langsung saja Login ke Blogger
• Pilih Rancangan
• klik edit HTML
• Jangan Lupa!  Klik tulisan download Template Lengkap untuk mem-backup template awal
• Cari kode yang mirip di bawah ini, untuk mempermudah pencariantekan Ctrl + F / (F3) 

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

}

CATATAN  : 

Kode di atas dapat disesuaikan dengan selera anda, silahkan dirubah nilai angka sesuai templat anda. Jadi anda bisa mengatak ngatik sendiri. 

• Simpan Template dan lihat hasilnya 

mudah sekali. kalau tidak tahu silahkan hubungi saya Disini.