728x90 AdSpace

HEADLINE NEWS

27 Juli 2010

Mengubah lebar kotak komentar, sebetulnya dari dulu saya ingin share dan posting mengenai ini, cuma waktu belum memungkinkan untuk posting he..sekarang lah saatnya, setelah sebelumnya posting mengenai cara membuat widget tampil pada halaman tertentu, cara membuat related post di sidebar, dsb. pada tutorial kali ini saya ingin memaparkan bagaimana cara mengubah lebar kotak komentar.
lebar kotak komentar, perlu ga sih menurut sobat?menurut saya perlu, apalagi jika blog kita ingin blog kita tampilannya rapi, wah tentu hal ini juga perlu diperhatikan, coba lihat kotak komentar yang ada dibawah artikel ini, lebarnya bukan lagi lebar yang biasanya terdapat pada template blog.
lalu bagaimana cara mengubahnya?mari kita ikuti tutorialnya :
  1. Login ke account blogger milik sobat
  2. Klik rancangan lalu klik edit html
  3. Backup dulu template sobat, untuk menghindari galat template
  4. Klik expand widget templates
Lalu cari kode dibawah ini (pada sebagian template mungkin berbeda, sesuaikan saja karena tidak akan jau berbeda):
<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 kode diatas dan ganti dengan kode dibawah 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>
Kemudian tambahkan kode CSS di bawah ini sebelum kode ]]></b:skin>
div.comment-form-block{
width: 587px;
margin: 0 auto;
padding:10px;
border:1px solid #000;
}
div.comment-form-block p{
color: #000;
font-family: 'Georgia';
font-size: 14px;
text-align: left;
}

Kode yang dicetak tebal berwarna hijau dapat diganti dan disesuaikan dengan keinginan sobat.
jangan lupa simpan hasil kerja anda.
semoga berhasil :)
Asrizal Wahdan Wilsa

Memulai Blogging sejak tahun 2009 hingga sekarang. Aktif di bidang musik yang dinaungi salah satu label musik di Kota Bandung. Saat ini fokus melanjutkan kuliah ke jenjang S2 di Universitas Negeri Semarang (UNNES). Website: Sharing Media - Info Tips dan Trik Terbaru

  • Blogger Comments
  • Facebook Comments

1 komentar:

Berkomentarlah dengan bijak, relevan dengan artikel, komentar spam dan promosi akan kami hapus, terimakasih.

Kami akan menjawab komentar anda secepat mungkin, opsi lain silakan berkomentar di halaman facebook/melalui twitter kami.

Item Reviewed: Cara Mengubah Lebar Kotak Komentar Description: Rating: 5 Reviewed By: Asrizal Wahdan Wilsa
Scroll to Top