Yapımcı

Blogger İletişim Formunu Sabit Sayfaya Ekleme

Posted by Yüksel Duman On 1 May 2014 13 yorum

Merhaba! Blogger iletişim formu oluşturma adlı makalemizle sizlere Blogger iletişim formunu sabit sayfaya eklemeyi anlatacam. Bu eklentiyi hızlı ve kolay olarak gadget şeklinde ekleyebiliyoruz. Bu güzel iletişim formu gadgeti oldukça hızlı ve kullanışlıdır. Peki sayfaya nasıl ekleyeceğiz? işte bunu anlatmaya çalışıcam.

Öncelikle aşağıdaki resimdeki gibi gadgetimizi ekliyoruz. Gadgeti eklemek için;
Blogger kumanda paneli/Yerleşim/Gadget ekle yolunu takip ediyoruz.


Daha sonra Blogger kumanda paneline girip Şablon/HTML'yi düzenle yolunu takip ederek Widget'a atla/ContactForm1 olduğu yere geliyoruz. Burada iletişim formuna ait kodları göreceksiniz.
Sol taraftaki siyah ok işaretine tıklayıp kodları genişletiniz.
Genişletme yaptığınızda iletişim formuna ait kodlar şu şekilde görünecektir:

HTML Kod

<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'> 
    <b:includable id='main'> 
<b:if cond='data:title != &quot;&quot;'> 
    <h2 class='title'><data:title/></h2> 
  </b:if> 
  <div class='contact-form-widget'> 
    <div class='form'> 
      <form name='contact-form'> 
        <p/> 
        <data:contactFormNameMsg/> 
        <br/> 
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/> 
        <p/> 
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span> 
        <br/> 
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/> 
        <p/> 
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span> 
        <br/> 
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/> 
        <p/> 
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/> 
        <p/> 
        <div style='text-align: center; max-width: 222px; width: 100%'> 
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/> 
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/> 
        </div> 
      </form> 
    </div> 
  </div> 
  <b:include name='quickedit'/> </b:includable> 
  </b:widget>

Buradaki kırmızı renkli yerleri siliyoruz. Sildiğimizde blog iletişim formunu algılıyor ama gadget olarak görünmeyecek.

Son olarak sayfa oluşturacaz. Blogger - sayfalar - sayfa oluştur - boş sayfa yolunu takip ediniz. Boş bir sayfa oluşturup adını 'iletişim' olarak yazınız.
Boş sayfanın HTML sekmesine geçerek aşağıdaki kodları yapıştırınız.

<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'> 
    <div class='form'> 
      <form name='contact-form'> 
        <p>İsim<p> 
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> 
        <p>E-Posta *</p> 
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> 
        <p>Mesaj *</p> 
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> 
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/> 
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> 
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> 
      </form> 
    </div> 
  </div> 
</div>

İletişim formunu Blogger'da sabit sayfaya eklemiş olduk böylece.
Ön izleme yaparak baktığınızda sorun yoksa kaydedebiliriz. Hayırlı olsun.
Takıldığınız yerler olursa yazın yardımcı olurum.

13 yorum:

Yelda Alev dedi ki...

İletişim formunu sabit sayfaya ekleme yaptım teşekkürler anlatımınız için

Yüksel Duman dedi ki...

Rica ederim ayrıca yorumunuz için ben teşekkür ederim sevgili Yelda

Sünnet Düğünü Organizasyonu dedi ki...

Sağolun. Faydalı bir paylaşım olmuş.

R Korkmaz dedi ki...

Çok güzel oldu kullanıyorum şuan paylaşım için teşekkürler

Lazer Epilasyon dedi ki...

İşte budur! Paylaşım için çok teşekkürler. Yeni paylaşımlarınızı da heyecanla bekliyorum.

Ridvan Yüksel dedi ki...

sabıt sayfaya ekledıkten sonra onu ıletısım yazan kısıma nasıl eklıyebılrım

Yüksel Duman dedi ki...

Blogger şablon,HTMLyi düzenle yolunu izleyerek;
Widget'a atla yazan butona tıklayıp Contact form1 seçeneğini seçmelisiniz.

Ekrem Kayikci dedi ki...

slm admin mrb ben başaramadım bana yardım edebilirmisin ben kırmıızı ile gösterdiğiniz yeri bulamadım nasıl yapabilirim yardım lütfen ?
yanlız bende menü var sadece iletişime tıklayınca iletişim yerine geçmesini isittyorum yada hakkında ya basınca oraya geçiş yapsın isityorum sadece yönlendirme linkleri lazım efendim saygılar teşekküler

Yüksel Duman dedi ki...

Şablonda bulduğunuz Contactform1 kısmında kırmızı renk ile belirttiğim kodları silerseniz iletişim formunu sayfada görebilirsiniz. Dikkat etmeniz gereken şey öncelikle blogger iletişim formunu gadget olarak ekleyin.
Sonrasında bu işlemi yapın.
Yani ContactForm1 widgetine atlamanız gerek. oradaki kodlarda kırmızıyla belirttiğim kodları bulup silmeniz halinde iletişim formunu blog alğılayacak ama sayfanızda görünmeyecektir. Bu sabit bir sayfada iletişim formunu göstermek içindir oradaki kodları silmek.

Apple Dünyası dedi ki...

hocam mailler nereye geliyor? nasıl kendi mailime yönlendireceğim?

Yüksel Duman dedi ki...

Yönlendirme yapmanıza gerek yok. Çünkü mailler kendi mail adresinize geliyor.

Admin Hüseyin dedi ki...

Kaptan Bu İletişim Formunu Gadget Olarak Ekledikde Silekmi

Yüksel Duman dedi ki...

Gadgeti silmeyin.Aksi takdirde iletişim formu görünmez.

Yorum Gönder