Sabtu, 18 Agustus 2012

Cara Melebarkan Editor Komentar di Blogger

Melebarkan Kotak Isian Komentar di Blogspot. Anda mungkin bertanya-tanya kok kotak komentar blogger kecil? nah disini kang salman akan membahas trik bagaimana cara membesarkan atau melebarkan kotak isian komentar. coba perhatikan kotak komentar di blog ini, ukuranya pasti berbeda dengan blog anda. tertarik buat mencobanya?

1.  Langsung saja Login ke Blogger

2.  Pilih Rancangan

3.  Klik  Edit HTML

4. Jangan Lupa!  Klik tulisan Download Template Lengkap untuk mem-backup template awal

(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 / (F3)
(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>
<iframeallowtransparency='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: 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 anda, silahkan dirubah nilai angka sesuai templat anda. Jadi anda bisa mengatak ngatik sendiri.
Simpan Template dan lihat hasilnya
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 komentar

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 clickjojocyber
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top