Blogger İletişim Formunu Sadece İletişim Sayfasında Göstermek

Blogger de iletişim formu özelliği gelmesi bir çok açıdan faydalı oldu. Bence iletişim formunun her yerde gözükmesine gerek yok. Bu yüzden kodu düzenleyerek sadece istediğimiz yerde gözükmesini sağlayabiliriz. Bunun için bloggerin pagetype özelliğini kullanacağız.
Her şeyden önce şablonumuzun yedeğini almayı unutmayın.



1. Aşama
 Yerleşim > Gadget Ekle > İletişim Formu Kısmından widgetimizi ekleyip Düzenlemeyi kayıt ediyoruz.

2. Aşama

Şablon > HTML'yi Düzenle kısmına gelip İstersek Ctrl + F ile iletişim formu diye aratabiliriz istersek widgete atla bölümünden ContactForm1 kısmına gelip widgetimizi kolayca bulabiliriz.


3. Aşama
Widgetimizi genişletiyoruz.




<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL"'>

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

</b:includable>
</b:widget>
</b:section>
</div>


İlgili kısımlara kırmızı ile belirtilen kodları ekliyoruz URL kısmına formun gözükmesini istediğimiz sayfa URL sini yazıyoruz.

Düzenlemeyi kayıt ettiğimizde İletişim forumu sadece istediğimiz sayfada gözükecektir.

LIVE DEMO

1 yorum: