Ana içeriğe atla

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

Blogger İletişim Sayfasını Özelleştirmek


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 diğer sayfalarda görünmemesini sağlayabiliriz. Bunun için Blogger'in PagetType özelliğini kullanacağız.
Her şeyden önce şablonumuzun yedeğini almayı unutmayın.



1.) Aşama
 Blogger > Düzen > Gadget Ekle > İletişim Formu Kısmından iletişim formunu ekleyip. Düzenlemeyi kayıt ediyoruz.

2.) Aşama
Blogger > Tema > 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
Blogger > Tema > HTML'yi Düzenle kısmmından 




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


Daha iyi Bloglar için...

Yorumlar

Yorum Gönderme

🔺 YUKARI ÇIK 🔺