Ö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.
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.
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.
Blogu geliştirmek için çok açıklayıcı olmuş
Zeynep Hanım Teşekkür ederiz. İyi çalışmalar.