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 != ""'>
<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 + "_contact-form-name"' 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 + "_contact-form-email"' 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 + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' 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 + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</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.
Teşekkürler :)
YanıtlaSilShowing Blogger Contact Form Only on Contact Page
YanıtlaSil