Cara Melebarkan Editor Komentar di Blogger

Melebarkan Kotak Isian Komentar di Blogspot. Sobat mungkin bertanya-tanya kok kotak komentar blogger kecil? nah disini Share-Tuts akan membahas trik bagaimana cara membesarkan atau melebarkan kotak isian komentar. Sobat tertarik buat mencobanya?

1.  Langsung saja Login ke Blogger
2.  Pilih Rancangan
3.  Klik  Edit HTML
4. Jangan Lupa!  Backup Template sobat dulu sebelum melakukan agar waktu terjadi kesalahan bisa dikembalikan sebelum sobat mencoba tutorial ini.
(Centang kotak kecil di samping tulisan Expand Template Widget Tunggu hingga proses selesai).
5. Cari kode yang mirip di bawah ini, untuk mempermudah pencariantekan Ctrl + F / (F3)
(tiap blog akan berbeda-beda bentuknya namun jika sobat menemukan yang mirip ini hapus aja)

<b:includable id="comment-form" var="post">
<div class="comment-form">
<a href="" name="comment-form">
</a>
<h3>
<a href="" name="comment-form"><data:postcommentmsg></data:postcommentmsg></a></h3>
<a href="" name="comment-form">
<data:blogcommentmessage></data:blogcommentmessage><br />

<iframeallowtransparency expr:src="data:post.commentFormIframeSrc" frameborder="0" height="275" id="comment-editor" scrolling="auto" true="true" width="100%">
</iframeallowtransparency></a></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: 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;
}

Kode di atas dapat disesuaikan dengan selera sobat, silahkan dirubah nilai angka sesuai template sobat. Jadi sobat bisa mengutak ngatik sendiri.
Simpan Template dan lihat hasilnya.

Source : kucoba.com

Anda sedang membaca artikel tentang Cara Melebarkan Editor Komentar di Blogger dan anda bisa menemukan artikel Cara Melebarkan Editor Komentar di Blogger ini dengan url http://share-tuts.blogspot.com/2012/11/cara-melebarkan-editor-komentar-di.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Melebarkan Editor Komentar di Blogger ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :