• Cem Karakurt
  • 10 Okunma
  • 10 Kasım 2013
  • 6
  •  

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 :

blogger iletişim formu

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

Css Kodları :

 

.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}
İlginizi Çekebilir :   Blogger Yazıyı Google-Yandex Arama Eklentisi

YORUM YAP


BU YAZIYA 6 YORUM YAPILMIŞ

    Nedim Yıldırım 10 Kasım 2013 - 10:35

    Beklenen yazı geldi teşekkürler :D

    Nuri 11 Kasım 2013 - 17:08

    Aslında güzel bir kod iyi bir uyum olmamış butonla çizgi renkleri :( ama CSS hatasıda mevcut fakat herşeye ragmen güzel gözüküyor :D (Doğamda var hataları söylemek)

      İsmail Cem 11 Kasım 2013 - 17:25

      Kod biraz aceleye geldi.Hataları söylediğiniz için teşekkürler.En azından eski halinden daha güzel.Kodları paylaştım zaten isteyen değiştirebilir.

    Hüseyin Tekin 11 Kasım 2013 - 21:02

    Teşekkürler, blogger kullanmıyorum fakat kullanan arkadaşlara yardımcı olacaktır mutlaka.

    Tolga Karakılıç 14 Kasım 2013 - 22:51

    gerçekten çok güzel bir paylaşım yapmışsın bu kodu en kısa zamanda siteme eklemeyi düşünüyorum :)

    Murat Dinç 15 Kasım 2013 - 09:41

    Yoo bence gayet güzel olmuş eline sağlık ;)