Blogger İletişim sayfası Hazırlama


Blogger ile yeni oluşturduğunuz web sitenizin menü gezinme çubuğuna iletişim formunu kısa sürede düzenleyebilirsiniz.

Önceki makalemizde “Blogger Sabit Sayfa İle İletişim Formu Oluşturma” konularını geniş olarak bir şekilde incelemiştik. Ancak aradan uzun zaman geçti ve bazı blog yazarı “eski ve yeni blogger,” yazar arkadaşlarımızın bazı soruları Google yorum penceresinde yapılan çalışmalar, güncellemeler vs.. dolayı cevapsız kalmıştı. Bu yeni makalemiz ile hem daha önceki yazımızı güncellemiş, hemde cevapsız kalan soruları cevaplamış olacağım. 


Önceki yazımızı tekrar okumak isteyen yazar arkadaşlarımız makaleyi buradan takip edip okuyabilirler.
Blog’’unuza İletişim form eklentisini nasıl ekleyeceksiniz aşağıda adım adım okumaya ve uygulamaya çalışın.

Blogger İletişim Form’u nasıl eklenir:

1. Blogger kumanda panelinize giriş yapın.
2. Sol menüden Sayfalar ismine tıklayın ve üst kısımda Yeni sayfa seçeneği ile blog yazı düzenleme editörü açın. 



3. Üst başlık kısmına İletişim veya İletişim Formu yazın.


4. Blog yazı editörünüze kodları eklemek için sol üst kısımda bulunan HTML ismine tıklayarak açık konuma getirin ve aşağıda verilen kodları HTML modunda iken yapıştırın.

İletişim Form Kodları :



<script>
var blogId = '4486711050060810394';//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>
<br />



5. Şimdi Kodların en üst kısmına bakın, mavi ile işaretli olan Blog Id, "4486711050060810394" rakamları, tarayıcı penceresinde göreceğiniz Id numarası ile (size ait olanı) değiştirin. Yazı editörününüzün hemen üst kısmındaki Id numarasını Kendinizinki ile değişin. Resmi inceleyin.


Şimdi ön izleme ile İletişim formunu görebilirsiniz. Arzu ederseniz Kodların üstüne birde resim ekleyerek görünümü derinleştirin.

6. Her ne kadar benim çalışmalarımda bir değişiklik olmasa da, sorun yaşayabileceğinizi düşünerek alternatif seçenek olarak editörün sağ tarafında bulunan seçenekleri açın;

Okuyucu yorumları: izin verme mevcut olanı gizle seçeneğini,

Oluşturma modu: Yazılan HTML’yi yorumla seçeneğini işaretleyebilirsiniz.

Şeçenekler de seçilmiş ayarları inceleyin.


İletişim formunuzu yaptıktan sonra dilerseniz CSS kod ekleyerek form görünümünü değiştirebilirsiniz.

İlgili Makale:
Blogger İletişim Formunu CSS Kodları ile Renklendirin


Bazı soruların cevapları:

Soru: İletişim formundan gönderilen mesajlar nereden görülür?

Cevap:
İletişim Formu, özel bir alan olduğundan Kamuya kapalıdır. Yazdıklarınızı, mail bilgilerinizi verdi iseniz Blog yöneticisinin e mail adresine gönderilir. Bloguna gönderilen formu inceler ve kendisinin özel mesajları doğrultusunda cevap yazabilir veya yazmayabilir.

Gönderilen mesaj nasıl cevaplanır?
Gönderilen mesajı, yönetici kullandığı e-mail panelinde bulunan göndermiş olduğunuz mesajın altındaki Yanıtla ismine tıklayarak cevap yazar. Çalışma sayfasını inceleyin.



İletişim Formu Çalışmamızı test edelim.

Blog ismi Güney Network Marketing

Uygulama: İletişim ismine tıklayıp; Adınız Soyadınız :  yazıyorum.

E-Posta Adresiniz :
e-mail adresimi yazıyorum.

Mesajınız : Mesajımızı yazıyoruz, İletişim formunun çalışıp çalışmadığı konusunda bir test yazısıdır, yazıp Gönder butonuna tıklıyoruz ve saat: 23.16 Türkiye saati ile hemen gelen mailleri kontrol ediyoruz.
Saat 23.17’de yazdığımız mesaj geliyor.



Not: Kodları ekledikten sonra, Oluştur ismine basıp, karşınıza çıkan pencereleri genişletmek isteyip, kaydederseniz. İletişim formunuz çalışmaz Unutmayın.


Yorumlar

  1. Maalesef çalışmıyor :) Biliyorum sizde çalışıyor ama nedense bende çalışmadı. Çözümü için araştırmaya devam edeceğim.

    YanıtlaSil

Yorum Gönder