Anasayfa / Blogger / Blogger İletişim Formu Düzenleme
bloggers - Blogger İletişim Formu Düzenleme

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

Bunları da kontrol edebilirsiniz.

sercih plus 310x165 - Sercih Plus v1 Blogger Teması

Sercih Plus v1 Blogger Teması

Blogger platformunda tema yapmak kolay değil fakat tema düzenlemek kolay.  Css kodları ile biraz oynayarak …

6 Yorum

  1. Nedim Yıldırım
    Nedim Yıldırım

    Beklenen yazı geldi teşekkürler :D

  2. Nuri

    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

      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.

  3. Hüseyin Tekin
    Hüseyin Tekin

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

  4. Tolga Karakılıç
    Tolga Karakılıç

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

  5. Murat Dinç

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

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir