Blogger Sitelerine İletişim Sayfası Yapmak

Blogger (Blogspot) Sitelerine İletişim Sayfası Oluşturmak Yapmak

Bu makalemizde sizlere blogger (blogspot) sitelerine iletişim sayfasını kurmayı anlatacağız. Makalemizin içeriği ilgili aklınıza takılanların olması durumda yorum bölümünden yazabilirsiniz. Konuyla ilgili uzman arkadaşlarımız cevap verecektir.

Yararlı olması dileğiyle.

1. Sitenizin panelinde bulunan Düzen kısmından Gadget (Widget) ekle diyerek İletişim Formu'nu seçin ve ekleyeceğiniz formu görünür olmamalı. (Bu Widget'ı göster kutucuğunun yanında göz işareti göreceksiniz. Devre dışı yapıp kayıt edin. Daha açık ifadeyle oluşturduğunuz İletişim Formu Widgeti gizlemeniz gerekir).

2. Sitenizin panelinde bulunan Tema sekmesine tıklayın. Özelleştir sekmesinin alt kısmında bulunan HTML'yi Düzenle seçeneğine gidin. Sonrasında kodu bulun ]]></b:skin> ' bulun

3. Kodu bulduktan sonra aşağıdaki verilen kodu hemen üst kısmına yapıştırın.

#ContactForm1{
display: none !important;
}

4. Kodu ekledikten sonra Temanızı kayıt edin.

5. Tema kayıt işlemi bittikten sonra sitenizin panelinde bulunan Sayfalar sekmesinden Yeni Sayfa Ekleyin. Açılan sayfa ekleme kısmında kod kısmına gelerek (düzenleyicinizin kod formatında olması gerekir) aşağıda verilen kodları yeni oluşturacağınıza sayfaya ekleyin ve kayıt edin. İşlem bu kadar.

Kaynak: https://www.akblog.net/2023/05/blogger-sitelerine-iletisim-sayfasi.html

Oluşturacağınız sayfaya eklenecek kod aşağıdaki gibi.

<form name='contact-form'>
<p></p>
İsim Soyisim

<span style='font-weight: bolder;'>*</span><br />
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='İsim Soyisim' size='70' value='' type='text' />
<p></p>
E-mail
<span style='font-weight: bolder;'>*</span><br />
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='E-mail' size='70' value='' type='text' />
<p></p>
Mesajınızı Yazınız<span style='font-weight: bolder;'>*</span><br />
<textarea class='contact-form-email-message' cols='70' id='ContactForm1_contact-form-email-message' name='Mesajınızı Yazınız' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Gönder' type='submit' />
<p></p>
<div style='text-align: center; max-width: 500px; 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>