Blogger İletişim Formu Düzenleme

Dün wordpress contact form 7 düzenleme kodlarını paylaşmıştım.Bir webmaster arkadaşımız yorum olarak blogger iletişim formu için olanını istedi.Bende yapmaya başladım.Çok profesyonel değil ama klasik halinden daha hoş.Biraz daha uğraşılırsa daha hoş gözükecektir.

Not : Bu kod bloggerda iletişim formu eklentisini düzenleme kodudur.
Demo Resim :

Aşağıda verdiğim kodda ” width:580px” değerini sitenize göre değiştiriniz.

Css Kodları :

 

[php].contact-form-widget{width:580px;max-width:300%;padding:10px
outline:none;
border: 3px solid #E0E0E0;
padding:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.contact-form-name,.contact-form-email,.contact-form-email-message{max-width:580px;
outline:none;
border: 1px dashed #7f003f;
padding:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;}
.contact-form-button-submit{width:200px;height:28px;dashed #f71111;background:url(https://m1311.hizliresim.com/1h/9/ud6hm.jpg) ;
border: 1px solid #888;}
#ContactForm1_contact-form-email-message{width:580px;border-radius:4px;margin-bottom:10px;padding:15px 10px 15px 5px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:580px;height:30px;border-radius:4px;margin-bottom:10px;padding-left:5px}[/php]