Tips Melebarkan Kotak Isian Komentar

Tips Melebarkan Kotak Isian Komentar - SEO, Lagi-lagi SEO . . . .sebab SEO inilah para blogger rela merombak template blognya agr se-SEO Friendly mungkin. Salah satunya dengan melebarkan kotak komentarnya . . . wahh-wahh-wahh . . .

Yukk . . .para SEO’blogger,yang mau ikut, ikutlah . . .

1. Pilih Tata Letak/Layout pada Dashboard

2. Pilih Edit HTML

3. Pada halaman Edit HTML, download dulu template kamu dengan klik Download Template

4. Klik Expand Widget Template

5. Kemudian cari kode berikut: untuk mempermudah tekan Ctrl F(search),

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

Note : Sesuaikan tingginya dengan mengganti 275

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

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