Sitene iletişim bölümü ekle

Sitene iletişim bölümü ekle. Blogger'ın kendine ait iletişim bölümü var ama bunu gatget kısmına ekleyebiliyoruz. Ben genellikle blog sitem de ana ön sayfada gözükmesini istemiyorum. Bunu gereksiz de buluyorum. Bu yazımda iletişim bölümünü, bir iletişim sayfası yaratıp buraya özel bir kodla ekleyeceğiz...

Html iletişim formu oluşturma

1. Blogger sayfalar bölümüne girip ( Yeni sayfa ) butonuna tıklıyalım.
2. Açılan sayfada, sayfa başlığına ( İletişim ) yazarak, sayfamıza isim verelim.
3. Daha sonra ( Html ) yazan yere tıklayıp sayfamıza aşağıda verdiğim Html Kodu yapıştıralım.
4. Her blogger sitemizin bize ait bir ( Blog ıd ) numarası vardır. Bu numarayı kopyalayıp kodun içinde işaretlediğim ( BURAYA BLOG ID NONUZU YAZINIZ ) yere yapıştırıp, sayfamızın sol tarafında bulunan ( Oluştur ) butonuna tıklayıp, sayfamızı yaratalım.

<script>
var blogId = 'BURAYA BLOG ID NONUZU YAZINIZ';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Gönderiliyor...';
var contactFormMessageSentMsg = 'Mesajınız başarılı bir şekilde gönderildi.';
var contactFormMessageNotSentMsg = 'Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz.';
var contactFormEmptyMessageMsg ='Mesaj alanı boş olamaz.';
var contactFormInvalidEmailMsg = 'Lütfen geçerli e-mail adresi girin.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>

<br />
<form name="contact-form">
<div>
<b>Adınız Soyadınız : </b></div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />
<div>
<b>E-Posta Adresiniz :</b> <em>(<span style="color: red;">gerekli</span>)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<div>
<b>Mesajınız :</b> <em>(<span style="color: red;">gerekli</span>)</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Gönder" />

<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Blog Id nosu nasıl alınır?

Sayfamız açıkken ok işareti ile gösterdiğim yeri kopyalayıp bir yere yapıştırdığınız takdirde, burada  

( Blog Id ) numaranızı bulabilirsiniz...!

cxxx

* Sayfa Yazarı: Murat Marti 
* Diğer Kaynaklar: GEMİNİ - Google Yapay Zeka. CHATGPT - Copilot
* Fotoğraflar: Pixabay Ücretsiz Fotoraflardan Alınmıştır...