Blogger da İletişim Sayfası Oluşturma

Blogger da İletişim Sayfası Nasıl Eklenir?


Blogger da iletişim sayfasını Blogger > Yerleşim > Gadget Ekle > Diğer Gadget'lar > İletişim Formu yolunu izleyerek basitçe sitenize ekleyebilirsiniz. Ancak bazı durumlarda sadece belirli sayfalarda olmasını yada oluşturduğunuz statik sayfa içerisinde yer almasını isteyebilirsiniz.

Geçenlerde bloguma eklediğim iletişim formu hata verdi ve mesajları gmail adresine göndermemeye başladı. Bu gibi durumlarda İletişim formunu haricen ekleyerek sorunu çözdüm.

Blogger İletişim Formunu Statik Sayfada Oluşturmak


Blogger > Sayfalar > Yeni Sayfa > HTML 
Yolunu izleyerek aşağıdaki kodları ekliyoruz.



<script>
var blogId = 'BLOG ID';// Bu alan zorunludur.
var contactFormMessageSendingMsg ='Gönderiliyor...';
var contactFormMessageSentMsg = 'Mesajınız gönderildi.';
var contactFormMessageNotSentMsg = 'İleti gönderilemedi. Daha sonra tekrar deneyiniz.';
var contactFormEmptyMessageMsg ='İleti alanı boş olamaz.';
var contactFormInvalidEmailMsg = 'Geçerli bir e-posta gerekli.'
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>
<form name='contact-form'>
<div>İsminiz : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>E-Mail Adresiniz: <em>*</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Mesajınız: <em>*</em></div>
<textarea class='contact-form-email-message' 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' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; 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>



Blogger > Adres(URL) kısmından blog ID alıyoruz. 


var blogId = 'BLOG ID'; Kısmına kendi blog ID numarasını yazıyoruz.


Blogger > Yerleşim > Sayfalar 


Bölümünden Statik Sayfayı aktif ettiğimizde İletişim Formumuz bağlı bulunduğu gmail adresine mesajları gönderecektir.


Yorumlar