Blogger'daki iletişim formunu, sabit bir sayfaya eklemeyi ve yalnızca ilgili sayfada görüntülemeyi arzu edebilirsiniz. Blogger iletişim sayfası oluşturmak ise elbette birtakım spesifik yollar ile mümkün kılınmıştır. Blogger sabit iletişim sayfası oluşturmak için ise, aşağıdaki adımları, yavaş yavaş, doğru bir şekilde uygulamanız yeterli olacaktır. Bu bağlamda, ilgili işlemleri sorunsuz gerçekleştirmeniz durumunda, kodlar da sorunsuz olarak görevini yerine getirecektir. Dilerseniz, hemen ilgili adımlara göz atıyor olacağız.

AYRICA: Blogger'da Manuel Devamını Oku için İbare Ekleyelim

Blogger İletişim Sayfası Oluşturma Nasıl Yapılır?

1) Örnek olarak, öncelikle "iletisim" kalıcı bağlantı adı ile bir sayfa oluşturuyoruz. İlgili sayfanın HTML metin alanına ise, aşağıdaki iletişim formu kodlarını ekleyelim.

<div class='widget ContactForm' data-version='2' id='ContactForm1'>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p>Ad</p>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p>E-posta <span style='font-weight: bolder;'>*</span></p>
<input autocomplete='off' class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p>Mesaj <span style='font-weight: bolder;'>*</span></p>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/>
<p></p>
<div style='text-align: center; max-width: 222px; 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>
</div>
</div>
</div>

2) Akabinde ise temanızda bulunan aşağıdaki kodu bulun.

</body>

3) Yukarıdaki kodun hemen öncesine aşağıdaki kodları ekleyiniz.

<b:if cond='data:blog.url == &quot;https://www.sitenizinadi.uzantisi/p/iletisim.html&quot;'>
<script src='https://www.blogger.com/static/v1/widgets/1893845785-widgets.js' type='text/javascript'/>
<script type='text/javascript'>
window[&#39;__wavt&#39;] = &#39;AOuZoY5emIsYNImgG5qZpYvFTH2fr7624w:1601036839175&#39;;_WidgetManager._Init(&#39;//www.blogger.com/rearrange?blogID\x3dBLOG-ID-NUMARANIZ&#39;,&#39;//www.sitenizinadi.uzantisi/p/iletisim.html&#39;,&#39;BLOG-ID-NUMARANIZ&#39;);
_WidgetManager._RegisterWidget(&#39;_ContactFormView&#39;, new _WidgetInfo(&#39;ContactForm1&#39;, &#39;sidebar-right-1&#39;, document.getElementById(&#39;ContactForm1&#39;), {&#39;contactFormMessageSendingMsg&#39;: &#39;Gönderiliyor...&#39;, &#39;contactFormMessageSentMsg&#39;: &#39;İletiniz gönderildi.&#39;, &#39;contactFormMessageNotSentMsg&#39;: &#39;İleti gönderilemedi. Daha sonra tekrar deneyin.&#39;, &#39;contactFormInvalidEmailMsg&#39;: &#39;Geçerli bir e-posta adresi gerekli.&#39;, &#39;contactFormEmptyMessageMsg&#39;: &#39;İleti alanı boş bırakılamaz.&#39;, &#39;title&#39;: &#39;&#39;, &#39;blogId&#39;: &#39;BLOG-ID-NUMARANIZ&#39;, &#39;contactFormNameMsg&#39;: &#39;Ad&#39;, &#39;contactFormEmailMsg&#39;: &#39;E-posta&#39;, &#39;contactFormMessageMsg&#39;: &#39;Mesaj&#39;, &#39;contactFormSendMsg&#39;: &#39;Gönder&#39;, &#39;submitUrl&#39;: &#39;https://www.blogger.com/contact-form.do&#39;}, &#39;displayModeFull&#39;));
</script>
</b:if>

Not: Yukarıdaki kodlarda yer alan kırmızı alanları, kendi blogunuza göre güncellemeyi unutmayınız. Blogunuzun ID numarasını ise, Blogger'a giriş yaptığınızda, adres satırında görebilirsiniz. Tüm işlemler bu kadar...