Blogger'da İletişim Formu Sayfası Oluşturma

Blogger panelinden Yerleşim bölümüne girelim.  İletişim formu widgetini aşağıdaki resimde olduğu gibi ekleyelim ve kaydedelim.

Blogger iletişim formu eklentisi ekleme

Ben iletişim formu eklentisini şimdilik sidebar kısmına ekledim.

Şimdi sayfayı yenileyip Blogger panelinden Tema bölümüne girip, HTML'yi Düzenle diyelim. CTRL+F yapıp ContactForm ifadesini aratalım. Aşağıdaki gibi bir kod bulacaksınız.
<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
Bulduğunuz kodun yanındaki açılır ok işaretine tıklayın.

Blogger iletişim formu kod ayarı

Aşağıdaki kod karşımıza çıkacaktır.
<b:includable id='main'>...</b:includable>
Tekrar yukarıda olduğu gibi bu kodun yanında olan açılır ok işaretine tıklayalım. Kodu açtığımızda karşımıza aşağıdaki kod çıkacaktır.
 <b:includable id='main'>
<b:if cond='data:title != ""'>
    <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 + "_contact-form-name"' 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 + "_contact-form-email"' 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 + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' 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 + "_contact-form-error-message"'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
Yukarıdaki <b:includable id='main'> ile </b:includable> etiketi arasında kalan kodu silelim. Yukarıdaki kodun son hali şu şekilde olacak şekilde temayı kaydedelim.
<b:includable id='main'>
<!--boş-->
</b:includable>
Sıra geldi iletişim sayfasını oluşturmaya, Blogger panelinden Sayfalar bölümüne girelim. İletişim adında bir sayfa oluşturalım. Aşağıdaki kodu sayfamız HTML modunda iken ekleyip, kaydedelim.
<div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        İsim
        <br/>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p/>
        Email Adresi <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p/>
        Mesaj <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <p/>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Gönder' type='button'/>

        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'/>
          <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'/>
        </div>
      </form>
    </div>
  </div>
Ancak son bir kontrol gerekli. Blogger profilinize girin ve düzenle diyin. Kimlik bölmünde gerekli iletişim adresinizin kayıtlı olduğundan emin olun.
Blogger iletişim formu e-mail adresi belirleme

Herhangi bir sorunuz olursa lütfen yorumlardan belirtiniz. İyi bloglamalar. 😃

Hiç yorum yok:

Yorum Gönderme