Melebarkan Kotak Komentar Blog



yoo go go...lansung aja gak ada basa basi......salam kenal darwis pw collection lambaro cafe
 
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 bro, 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 kamu 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 kamu simpan template.

1 komentar:

silahkan berkomentar bro..

TV ONLINE

TV ONLINE

RADIO ONLINE