Blogger | Siteye İletişim Menüsü Oluşturmak | Nasıl Yaparım ?

Blogger İletişim Formu Oluşturmak

• İletişim Menüsü Nasıl Eklenir ?
• İletişim Formu Eklemek
• İletişim Sekmesini Nasıl Eklerim ?

Biliyorsunuz ki günümüzde Google AdSense sitelerde iletişim sekmesi olup olmadığına dikkat ediyor. Blogger'daki Gadget olarak kullanılabilen iletişim formuda sağ bar'a yapışıyor ve kötü bir görüntü oluşturuyor şimdi bu yazıda iletişim formunu nasıl yazı içerisine, makale içerisine alabileceğinizi anlatacağım. söylediklerimi atlamadan yaparsanız sizinde bir iletişim formunuz olabilir. Öncelikle Adımlarımız basit anlattıklarımı harfi ile uygularsanız sıkıntı çıkmayacaktır.

• Blogger menüsünden YERLEŞİM sekmesine tıklayınız
• Bu Sekmede GADGET oluşturmanız gerekiyor. yanda çıkan sekmelerden Diğer Gadgetler sekmesine tıklayın ve İLETİŞİM FORMU 'nu bulduktan sonra tıklayın ve aktif edin.
• Şimdiki adımda temanızın HTML kod bölümüne giriş yapın. 
• Bu bölümde üst sekmede bulunan WİDGET'a ATLA sekmesine tıklayın ve ContactForm1 'i Seçin 
• Ve aşağıda bulunan kod dizisini arayıp bulun. Bulduktan sonra kırmızı ile belirtilen aralığı silin ve bu bölüm ile artık işiniz kalmadı kapatabilirsiniz.

Silinmesi Gereken Kod Dizesi ( Sadece Kırmızılar )

<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>

• Şimdi ise önümüzde kalan tek aşama 1 sayfa oluşturmak ve bu sayfaya iletişim formunu eklemek 
• İlk önce blogger menüsüne geri dönün ve buradan SAYFA sekmesine tıklayın
• Daha sonra yukarıdan YENİ SAYFA oluşturun
• Oluşturduğunuz bu sayfaya aşağıdaki İletişim form kodunu HTML kısımına yapıştırın Ve artık İletişim formunuz hazır olacak. 

İletişim Formu Kodu

<center>

<div class="widget ContactForm" id="ContactForm1">

<div class="contact-form-widget">

<div class="form">

<form name="contact-form">

<b><span style="font-size: large;">İsim</span></b>

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="60" type="text" value="" />

<b><span style="font-size: large;">&nbsp;E-Posta</span></b>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="60" type="text" value="" /> 

<b>

</b><b><span style="font-size: large;">&nbsp;Mesaj</span></b>

<textarea class="contact-form-email-message" cols="55" id="ContactForm1_contact-form-email-message" name="email-message" rows="8" value="60"></textarea> 

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Gönder" /> 

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</form>

</center>

</div>

ÖNEMLİ!! = Eğer formun ortada sabit durmasından rahatsız iseniz kod dizesinin başındaki ve sonundaki <center> | </center> Kodlarını silebilirsiniz böylece sağ tarafa yapışacaktır. 

Site İçerisindeki Görüntüsü

İsim

 E-Posta


 Mesaj

Share on Google Plus

Hakkında Jaemor

Merhaba Ben Ege. İzmirde yaşıyorum henüz öğrenciyim ve Bu siteyi açmaktaki amacım insanlara edindiğim bilgileri, tecrübeleri aktarmak bundan onlarında faydalanmasını sağlamaktı. onun dışında sıcak bir ortam hazırlamaya çalıştım gerek sitenin dizaynı olsun gerekse yazıların anlaşılırlığı inşallah faydalı bir şeyler sunuyorumdur sizlere ki sunuyorsam ne mutlu bana.