Cara mengubah size kotak komentar
Cara mengubah size / ukuran kotak komentar blog sama juga dengan tutorial melebarkan atau mengecilkan kolom tempat penulisan komentar.
Platform Blogger hanya menyediakan ukuran kolom yang default dan tidak menyesuaikan pada kolom posting kita, jadi seringkali saya melihat suatu blog yang kolom komentarnya tidak sesuai / tidak pas ukurannya dengan lebar halaman posting.
 Setelah tadi kita membahas panjang lebar tentang cara memasang emoticon kaskus di kotak komentar, sekarang kita akan modifikasi ukuran / size kotak komentar di bawahnya.

Kita langsung saja pada praktek:

Pertama kali jangan lupa awali dengan doa dan backup template sebagai antisipasi kesalahan. jika masih belum tau cara backup template, silakan baca posting lawas saya yang berjudul cara aman meng-edit template blog

=> lalu masuk ke akun blogger anda, di dasbor klik rancangan, lalu klik Edit HTML dan centang

merubah size kotak komentar

Temukan kode <b:includable id='comment-form' var='post'>

Nb: Untuk mempercepat pencarian anda bisa gunakan sarana find (tekan Ctrl+F)

Sehingga anda akan menemukan deretan kode yang mirip seperti ini:

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

Lalu ganti / hapus semua kode itu dengan kode:

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

Langkah terakhir adalah dengan menambahkan sedikit kode CSS di bawah ini sebelum/diatas kode ]]></b:skin>

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

Ubah angka yang berwarna biru ( 570 ) dengan ukuran yang anda inginkan.

Simpan template dan lihat perubahan ukuran pada kotak komentar anda.


Review:

Judul Cara mengubah size kotak komentar
Deskripsi Cara mengubah size / ukuran kotak komentar blog sama juga dengan tutorial melebarkan atau mengecilkan kolom tempat penulisan komentar. Pla...
Author
Author Rating
4/ 5 Suara Dari 1001 Ulasan

Dapatkan artikel menarik lainnya : Klik disini
8 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
Komentari


July 15, 2011 at 7:06 AM  
Like

nice info, thanks



December 13, 2011 at 3:45 PM  
Like

Wah keren,perlu dicoba nich :)



December 30, 2011 at 10:56 AM  
Like

lumayan dapat ilmu lagi : )



February 8, 2012 at 11:04 PM  
Like

mantap gan inponya yg lain salam kenal



February 8, 2012 at 11:05 PM  
Like

erkunjung sob,ditunggu kunjungan balikya n salam sukses



January 30, 2013 at 3:02 PM  
Like

terima kasih infonya

thx atas info nya



January 25, 2014 at 10:52 AM  
Like

Terima kasih gan

Tuliskan komentar pada form ini :

Adsense Indonesia
Template design by Armin | Cara Online
Powered by Blogger