Membuat BG Form Komentar

Memiliki blog yang indah menjadi daya tarik tersendiri bagi para pengunjung dan bisa menjadi sebuah inspirasi bagi pengunjung. Salah satu cara untuk memperindah tampilan blog adalah dengan membuat background gambar pada form (tempat menulis komentar) komentar.

Jika anda tertarik, berikut cara membuatnya :

So pasti anda harus login dulu ke blogger anda

Klik Design (Rancangan) kemudian klik edit HTML

Jika anda takut terjadi HTML yang error, download dulu template blog anda, atau bisa juga anda mengelik kotek kecil Expand Template Widget

Kemudian tambahkan kode CSS berikut ini diatas kode ]]></b:skin>

Untuk lebih mudahnya menemukan kode tersebut, tekan Ctrk+F pada keyboard anda.

#comment-form iframe{ background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTRwBoaEo3c5A8nXBLdgJhpSAM1qEk8ZppPPXsjmMYS_MxA2qjg0xGaEgJMfqoZit-pQ5qcMlZSqB4kwDytsg3mvx1qLu5XURYqWB3dJCTCrMiTfWsYJjn0D0HAX3IXk3egjGQo-vEKwp/s1600/formbg1.jpg); border:2px solid #060e2e; padding:5px; font:normal 13pt "ms sans serif", Arial; color:#060e2e; width:450px; height:220px; } #comment-form iframe:hover{ background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMvU9j5EhRQ0Y1aDfbdV_F17TEpmy8WTj_0LhIB1tnzcPhN-Mn0CqvhVClW87Af9kvF_rwhfBcneqUkk92x3yRqDdt4mvH7WnD300iGZG7DPxCREfiYv2XjwS5gcw7LRzpgDSvcRkisURj/s1600/formbg2.jpg); border:2px solid #e3e0e0;}

Selanjutnya cari kode yang mirip seperti kode berikut :

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/> <iframe class='blogger-iframe-colorize' frameborder='0' height='220' id='comment-editor' scrolling='auto' src='' width='450'/> <data:post.iframeColorizer/>

Kemudian tambahkan kode <div id='comment-form'> dan </div> diantara kode tadi sehingga menjadi seperti berikut:

<div id='comment-form'> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/> <iframe class='blogger-iframe-colorize' frameborder='0' height='220' id='comment-editor' scrolling='auto' src='' width='450'/> <data:post.iframeColorizer/></div>