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
Ricky
tutorial blog