Blogger İletişim Formunu Belirli Bir Sayfada Gösterme
Blogger normalde gadget'ları sadece ana sayfa, header, footer, sidebar gibi yerlere koymanıza izin verir. Ancak biz temanın içine küçük bir koşulla gadget'ı sadece İletişim sayfasında görünecek şekilde ayarlayacağız.
1. Tema > HTML'yi Düzenle sekmesine gidin.
2. Blog1 Widget'ının altına veya üstüne kodu ekleyin ve kaydedin.
<b:section class='main' id='main' preferred='yes'>
<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm' version='2' visible='true'>
<b:includable id='main'>
<b:if cond='data:view.title == "İletişim"'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:if>
</b:includable>
<b:includable id='content'>
<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:includable>
</b:widget>
</b:section>
3. Bu satırın altındaki "koşul" kodunu düzenleyin:
<b:if cond='data:view.title == "İletişim"'>
"İletişim" kısmını kendi iletişim sayfanızın tam adıyla değiştirmeyi unutmayın). Son bir şey düzgün görünmesi için CSS kodu yazmanız gerekebilir. Bu konuda bana İletişim sayfasından yazabilirsiniz.
4 Yorum