cara melebarkan kolom komentar blog 2013

Selamat Menunaikan Ibadah Puasa bagi yang melaksankannya, di sini saya mau berbagi kanyaho dalam melebarkan kolom komentar untuk blog, tanpa perlu panjang kata, mari kita ikuti langkahnya sebagai berikut:

•  login dashboard blogger sobat
•  pilih template 
•  edit html
• karena sudah tampilan baru tidak ada "expand template" maka langsung saja sobat ketik ctrl+f dan search pada kotak pencarian lalu isi dengan kode ]]></b:skin> lalu letakkan kode css berikut ini tepat diatas kode ]]></b:skin>

/* Melebarkan Kolom Komentar Ricky Ricksani */

• div.comment-form-block{width: 650px; /*custom css form komentar*/margin: 0 auto;}/li>
• div.comment-form-block p{color: #000;font-family: 'Georgia';font-size: 14px;text-align: left;}

Note: untuk width:650px mohon rubah sesuai dengan ukuran main wrapper template Sahabat.

Silahkan cari kode di bawah ini, dengan menggunakan CTRL+F, kemudian hapus

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

atau kode seperti ini

<b:includable id='comment-form' var='post'>.....</b:includable>

Di ganti dengan kode yang bari 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>

• Terakhir Simpan /  Save Template Sahabat

Ditulis Oleh : Ricky *** Musik, Software, Blogging, Information ***

Sobat sedang membaca artikel tentang cara melebarkan kolom komentar blog 2013. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger. <a href="http://glabadia.blogspot.com/2013/07/cara-melebarkan-kolom-komentar-blog-2013.html" target="_blank">cara melebarkan kolom komentar blog 2013</a>

:: Get this widget ! ::

Ditulis oleh: Ricky - Juli 08, 2013

Artikel Terkait: