Blog yazarlarının en çok kullandığı sistemlerden birisi olan Blogger her geçen gün geliştirilmeye devam ediyor. Geçtiğimiz aylarda kullanıma sunulan yeni Blogger Widget ise bloggerları sevindirecek nitelikteydi.
Google, bloggerların sesini duymuş olmalı ki uzun süredir dert yanılan bir konu olan "İletişim Formu" konusuna el attı ve kendi widgetini geliştirdi. Bu widget ile bloggerlar ikinci bir iletişim formu sistemi kullanmadan bloglarında bu hizmetten yararlanabiliyorlar.
Blogger İletişim Formunu Kullanmak

Blogger'ın kendi widgeti olan bu uygulamayı kullanmak için öncelikli olarak blog panelimize giriyoruz. Ardından Yerleşim>Gadget Ekle> Diğer Gadget'lar sayfasına ulaşıyoruz. Burada iletişim formu widgetımızı görebilirsiniz. Widgetın sol üst köşesinde bulunan "+" butonuna tıkladığınızda iletişim formunu artık blogunuza eklemiş oluyorsunuz. Bunun yerleşimini istediğiniz gibi ayarlayabilirsiniz.

İletişim Formunu "Sayfa" İçerisinde Yayınlamak

İletişim formunu blogunuza eklediniz ancak bir sorun var değil mi? Neredeyse herkesin yaşadığı sıkıntıyı bende yaşadım ve iletişim formunu yerleştirme kısmında bir türlü düzgün bir görüntü elde edemedim. Nereye yerleştirsem sırıtıyor ve sayfamın tasarımını bozuyordu. Bu yüzden biraz araştırdım ve şu ikincil iletişim formlarını ayarladığımız gibi Blogger'ın iletişim formunu da sayfa içerisinde yayınlayamaz mıyız? diye sordum kendimi. Araştırmalarım sonuç verdi ve nasıl yapılacağını sonunda buldum.

Öncelikli olarak iletişim forumu windegetinizi blogunuza ekleyiniz. Ardından Blogger panelinizden Sayfalar> Boş sayfa adımlarını takip ederek boş bir sayfa oluşturun. Boş sayfanızın HTML kısmına şu kodları yapıştırın;
<form name='contact-form'>
<div>Adınız: </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Email Adresiniz: <em>(gerekli)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Mesajınız: <em>(gerekli)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='10'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<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>
</div>
</form>
Kodda bulunan "Adınız, Mesajınız" gibi bölümleri kendiniz değiştirebilirsiniz. Kodu ekledikten sonra Şablon>HTML'yi düzenle>Widget'a Atla>ContactForm1 adımlarını izleyin. Burada aşağıdaki kodu bulun;
<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
    <b:includable id='main'>
Bu kodun altında bulunan bir kaç satır kodu sildikten sonra işlemimiz tamamlanacaktır arkadaşlar. Aşağıda verdiğim kodları düzgün bir şekilde belirttiğim yerden silin.
<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>
Bu işlemleri hatasız bir şekilde yerine getirdiyseniz eğer iletişim formunuz sayfa olarak yayınlanacaktır.
Yazıyı yayınladıktan kısa bir zaman sonra bazı arkadaşlar yapamadıklarını ve yardımcı olmamı istediler. Bende olayı videolu bir şekilde açıklayayım dedim. Oldukça basit bir olay ancak ufak detaylar yüzünden yapamayan arkadaşlar videoyu izleyerek sonuca ulaşabilirler.
Video için lütfen blog sayfamızı ziyaret ediniz.
FenaBirBlog!-Blogger "İletişim Formu" Widgetini Kullanmak ve Sayfa Ayarları