Ana sayfa »ANASAYFA Blogger İletişim Formu Nasıl Kurulur

Blogger İletişim Formu Nasıl Kurulur

  • Blogger

Blogger sitesine iletişim formu ekleyerek blog sitenizde ne gibi değişiklikler olacağını mı merak etmektesiniz.

Bu yazımı baştan sona okuyarak sizlerde sitenizde bir iletişim formu ekleme seçeneğine sahip olacaksınız. 

Blogger sitesine bir iletişim formu ekleme işlemini yaparak sitenizde ki bir içerikle ilgili problemi veya sizlere farklı konumda destek alabilmeleri için yardım taleplerinde bulunacaklardır bu sebeple iletişim formunu sitenize ekliyorsunuz.

Bu form sayesinde sitenizdeki iletişim formunu kullanarak sizlere sorunu beyan edeceklerdir.



Çünkü her site sahibinin bir iletişim formu mutlaka bulunmaktadır. Ayriyetten altını çizelim; Eğer ki adsense onayı alacaksanız da bu formu bulundurmak zorundasınız. 

İletişim-Telefon

Blogger İletişim Formu Yapımı

Blogger İletişim Formu Yapımı

Blogger iletişim formu yapmak her ne kadar kodlama gerektiren bir durumsa da bloggerda bu işi yapmak oldukça kolaydır.

Ama wordpresste bu iş nasıl yapılır diye merak ediyorsanız. WordPress İletişim Formu Kısmı Nasıl Oluşturulur adlı yazımı okuyarak ta sizlerde wordpress sitenizde iletişim formu eklentisini yapabilirsiniz.

Peki bu iş blogger da nasıl yürütmektedir.

Her ne kadar wordpress te eklentiler kolaylığı olsa da bilmeyen biri için zor gelebilir.



Bloggerda basit diyorum, bildiğim kadarıyla ama tabiki bilmeyen kişiler için zor.

Zor yönü ise kodlama kullanarak iletişim formu oluşturma işlemidir.

Kodlama kullanarak iletişim formu yapımı;

Kodlama kullanarak iletişim formu oluşturma aşamasında alttaki iletişim kodunu Blogger>>Sayfalar>>Yeni Sayfa oluştur kısmına tıklıyorsunuz.

Bu kodu o sayfaya yapıştırın. 

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<br /></div>
<script> var blogId = ‘6459485653252240146’;//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 />
<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>
<span style=”font-size: x-large; font-weight: bold;”>NOT: </span><span style=”font-size: large;”>Konu ile ilgili olmayan mesajlara bakılmayacaktır.</span></div>

Bu kodu sayfaya yapıştırdıktan sonra kaydedin.

Adınız - Soyadınız - İleti

İletişim Formu Resmi

Kodu yapıştırdıktan sonra böyle bir görünüm ile karşılaşacaksınız.

Daha sonra ise kaydettikten sonra iletişim kısmını sayfanızın neresinde göstermek istiyorsanız linki gadget ekleden kategori işlemlerinden yapıştırarak yapabilirsiniz.

Bir diğer adım ise hiç bunla uğraşmadan gadget ekleden daha basit iletişim formu ekleme işlemini gerçeklestirebileceksiniz.

Gadget İle İletişim Formu İşlemi

İletişim-Yerleşim-Blogger Forum

Gadget İle İletişim Formu İşlemi

Gadget ile iletişim formu eklentisini resimdeki gibi yapınız.

Burada yerleşim kısmından aktif olan Gadget Ekle kısımlarına basarak iletişim formunu üst kısım, sağ kısım, en alt kısma ekleyerek içeriğinizin neresinde görmek istiyorsanız iletişim formu o kısımlarda görünecektir.

BKZ = Blogger Ayarları Kısmı Nasıl Yapılır ?

Şunu da hatırlatmakta fayda vardır ki bu iletişim formunda Gadget Ekle kısmındaki iletişim formunda eposta ile site sahibine sorular sorarak ulaşabiliyorsunuz.

Yorumlarınızı Bekliyoruz