Kategori : Blogger İletişim Formunu Sayfaya EklemeBloggerın en son yayınlandığı widget olan İletişim Formu widgeti oldukça tutulmuştu. Fakat widget sadece sidebar bölümünde kullanılabiliyordu. Uzun uğraşlarım sonucunda widgeti sayfaya eklemeyi buldum ve nasıl yapılacağına bir an önce geçelim;

İlk olarak İletişim Formu widgetimizi ekleyelim;Yerleşim -> Gadget Ekle -> Diğer Gadgetler -> İletişim Formu

Widgetimiz eklendikten sonra; Sayfalar -> Boş Sayfa
Yolunu izleyelim yeni açmış olduğumuz sayfaya bir isim verelim ve aşağıdaki kodları yapıştıralım, değişmesi gereken bölümleri kırmızı ile renklendirdim; 
<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>
Kodu ekledikten sonra Şablon -> HTML'yi düzenle - Widget'a Atla tıklayın ve ContactForm1 adlı widgete tıklayın.
En önemli bölüme geldik arkadaşlar aşağıdaki kodu bulun; 
<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
    <b:includable id='main'>
Bulduktan sonra bulmuş olduğunuz kodun hemen altında bulunan benimde aşağıda göstermiş olduğum kodları 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>
İşlemleri tamamladıktan sonra sildiğiniz bölüm aşağıdaki gibi olmak zorunda aksi taktirde İletişim Formu widgeti sayfalarda çalışmayabilir;
Blogger İletişim Formunu Sayfaya Ekleme
Bütün işlemleri sorunsuz bir şekilde yaptıysanız İletişim Formu widgeti sayfalar kısmında sorunsuz bir şekilde çalışacaktır. Yapamadığınız yerler için iletişim formunu kullanabilirsiniz.