Modifikasi Lebar Kotak Komentar

Pernah merasa tidak puas dengan lebar kotak komentar kamu? Berikut adalah trik modifikasi lebar kotak komentar blogger template minima. Ada kalanya terjadi perbedaan antara template yang satu dengan yang lainnya. Untuk modifikasi berikut, saya menggunakan template Minima. Jadi mohon maaf bila terjadi perbedaan terhadap template yang kamu gunakan saat ini.

Login ke blogger dengan ID kamu »» Klik Tata Letak »» Klik tab Edit HTML »» Klik tulisan Download Template Lengkap untuk mem-backup template awal »» Centang kotak kecil di samping tulisan Expan template Widget »» Tunggu hingga proses selesai.

Cari kode di bawah ini, caranya tekan kebor F3 atau Ctrl F:

<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 CSS di bawah ini sebelum kode ]]></b:skin>

div.comment-form-block{
width: 420px; /*silahkan ubah 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;
}

Kode di atas dapat disesuaikan dengan selera kamu, silahkan dirubah nilai angka yang telah ditandai dengan warna hijau. Jadi kamu bisa berkreasi sendiri. Simpan Template dan lihat hasilnya .
Lebar kotak komentar blogspot sebelum modifikasi

Lebar kotak komentar blogspot setelah modifikasi

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or