Cari Blog Ini

Rabu, 05 Oktober 2011

Cara Melebarkan Kotak Komentar Blog



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.

Semoga bermanfaat

Tidak ada komentar:

Poskan Komentar