Home » » Membuat BG Form Komentar

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>

  • Terakhir, simpan template anda.

Keterangan :
Ganti teks yang berwarna merah ( warna,url gambar,lebar,tinggi ,serta warna border ) sesuai dengan yang anda inginkan.



Write By : Khocet Dot Com ~ Panduan Gratis Adobe Photoshop,Blog,Puisi,Ragam Tips,Dan Bahan Ajar

Article : Membuat BG Form Komentar Post By : Khocet Dot Com
Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik yang membangun serta pertanyaan dan saran dapat anda tuliskan melalui kotak komentar,semoga bermanfaat
Share this article :

1 comment:

 

Design By : Khocet Dot Com
Powered by Blogger