Cara Melebarkan Kotak Komentar pada Blogger

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

 

Sobat blogger..Anda mungkin bertanya-tanya kok kotak komentar blogger kecil? nah disini Saya akan Mencoba  membahas tehnik bagaimana cara membesarkan atau melebarkan tampilan komentar pada blogspot, ukuranya pasti berbeda dengan blog anda. tertarik buat mencobanya? OKE,,, langsung aja ikuti caranya sbb:

1. Silahkan Login ke Account Blogger anda.
2. Silahkan Pilih Rancangan
3. Klik edit HTML
    (Jangan Lupa!  Klik tulisan Download Template Lengkap untuk mem-backup template awal)
4. Centang kotak kecil di samping tulisan Expan template Widget Tunggu hingga proses selesai.
5. Cari kode yang mirip di bawah ini, untuk mempermudah pencariantekan Ctrl + F
    (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>

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 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: #000font-family: 'Georgia'; font-size: 14px;
 text-align:left;
}

SILAHKAN DICOBA.. HAPPY BLOGGING..

Artikel Terkait