Blogger iletişim formu eklentisinin sadece kenar çubuğunda kullanmak blog'da görüntü kirliliğine sebep olabiliyor. Açık söylemek gerekirse blogumun her yerinde bir iletişim formu görmek istemiyorum. Bu nedenle bu konumuzda blogger iletişim formunu kullanarak iletişim sayfası oluşturmayı anlatacağım.
Neden İletişim Formu Kullanmalıyım ?
Blogger sayfanıza iletişim kutusu eklemek okuyucularınızın size ulaşmasını kolaylaştıracaktır. Size ulaşmak için konu altına mail adresilerini bırakıp sizin onlara ulaşmanızı beklemek yerine, gerekli bilgileri iletişim formuna doldurup Gönder butonuna basarak kolay bir şekilde size ulaşabilir. Tabi bu sadece blog okuyucuları için değil blogger yöneticileri içinde oldukça kullanışlı bir yöntemdir.Blogger İletişim Sayfası Oluşturma
Aşağıda ki adımları izleyerek blogger iletişim formunu kullanarak iletişim sayfası oluşturabilirsiniz. Eğer demo görmek isterseniz, kullanmış olduğum iletişim sayfasını kontrol edebilirsiniz.Adım 1: İlk olarak sidebar'da blogger resmi iletişim formu kullanıyorsanız Blogger Yönetici Paneli > Yerleşim sekmesinden formu kaldırın.
Adım 2: Şimdi blogunuzun benzersiz blogID numarasını bulun. Blogger Yönetici Panelin'de herhangi bir sayfada iken tarayıcınızın URL çubuğunda blogID'i bulabilirsiniz. Bu blogID yeni iletişim sayfası oluşturmak için gereklidir. BlogID girmediğiniz taktir de iletişim kutusu çalışmayacaktır. Aşağıda ki ekran görüntüsünde blogID'in nasıl bulunacağını öğrenebilirsiniz. Bu numarayı bulduktan sonra bir yere kayıt edin.
Adım 3: Blogger Yönetici Paneli > Sayfalar'dan Yeni Sayfa oluşturun.
Adım 3: Yeni sayfa oluşturduktan sonra HTML mod'u seçin ve aşağıda ki kodu boş alana yapıştırın. Kırmızı ile gösterdiğim kodu Adım 2'de not ettiğiniz blogID ile değiştirin.
<script>
var blogId = '3325432071104196405';
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>
<form name='contact-form'>
<div>İsim : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>E-posta Adresiniz: <em>**</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>İletiniz <em>**</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='7'></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>
Gerekli düzenlemeyi yapıp kodu yapıştırdıktan sonra Sayfa ayarları > Seçeneklere tıklayın. Okuyucu yorumları'nı engelleyin ve Oluşturma modunu Yazılan HTML'i yorumla olarak değiştirin. Aşağıda ki ekran görüntüsünde gerekli ayarları görebilirsiniz.
Hepsi bu kadar arkadaşlar, gerekli ayarlamaları yaptıktan sonra iletişim sayfasını yayınlayabilirsiniz. İletişim sayfasını sitenizde yayınlamadan önce iletişim kutusunu test etmeyi unutmayın.
saglam yazı olmuş tşkler
YanıtlaSilTeşekkürler arkadaşım.
YanıtlaSilteşekkürler
YanıtlaSilselam.ilettişim formu ana sayfamda gözüküyor.bunu iletişim linkine nasıl bağlarım.yani sadece iletişim linkinde tıklandığında gözüksün.teşekkürler
YanıtlaSilMerhaba, yukarı da anlattıklarımı uygularsanız iletişim formunu sabit sayfaya ekleyebilirsiniz.
SilPeki bu atılan mailler hangi hesabımıza geliyor? Bloggere giriş yaptığım e postamı kontrol ettim mail yok (deneme amaçlı mail attığım halde)
YanıtlaSilBlogger'a giriş yaptığınız mail adresinize gelmesi gerekiyor. Eğer gelmiyorsa "blogİD" kodunu yanlış ya da eksik kopyalamış olabilirsiniz.
SilHazır başka bişey varmı. Bi yardımcı olurmuzunuz
YanıtlaSilJotform.com isimli siteden'de kendinize iletişim sayfası yapabilirsiniz.
SilMerhaba,
YanıtlaSilBen sizin dediklerinizi uyguladım fakat menüde çıkmıyor ne yapmam gerekli?
Galiba Anasayfadaki menüyü kast ettiniz, eğer öyleyse zaten çıkmaz siz kendiniz manüel eklemeniz lazım.
SilMerhaba
YanıtlaSilTüm adımları tek tek uyguladım. Kod numarasını iletişim sayfası HTML ye doğru olarak yerleştirdim. Ayarlar kısmında yayınlar ve yorumla ile e-posta kısmına blogun mail adresini girdim. Ve iletişim sayfasından farklı bir mail adresi ile kendime mesaj gönderdim. Gönderiliyor... ve mesaj gönderildi diyor.
Gelelim sorunlara;
1. İletişim kısmında, ad soyad ve mesaj yazarken, boşluk tuşunu dikkate almıyor ve herşeyi birleşik yazıyor.
2. Hiç bir şekilde blogger gmail adresi/sosyal kısmına mail göndermiyor.
Nerdeyse bir haftadır bu iki sorunu çözmek için uğraşıyorum.
Yardımcı olacak arkadaşlara minnettar olurum. Teşekkürler.
Siz yanlış mail adresi seçmişsiniz o yüzden kankam (:
SilSana tek kelimem teşekkürler !!! ilk defa yorum yazma ihtiyacı duyuyorum.
YanıtlaSilÇok teşekkürler, inanılmaz işime yaradı. Hem basit anlatmışsınız hem de yöntem çok basit.
YanıtlaSilTeşekküler En yararlı Makale http://www.muhammedakif.com/p/iletisim.html
YanıtlaSilAcayip güzel oldu çok sağolun blogger temamla aynı görünüm oldu nasıl olduysa acaba :D
YanıtlaSilpki üstadım mail yerine telefon numarası almak istiyorum
YanıtlaSilBlogger sadece mail adresi ile gönderiyor şimdilik.
Silzorunlu alan uyarısında çıkan X (çıkış) ikonunu değiştirmek istiyorum nasıl değiştireceğim yardımcı olurmusunuz?
YanıtlaSilKodların olduğu bölüme gelerek CTRL+F tuşlarına basarak arama penceresini açın. Ve zorunlu alan uyarısı artık neyse oraya yazıp arayın. Bulduktan sonra değiştirebilirsiniz.
SilKardeşim çalışmıyor güncelle
YanıtlaSilİlgili iletişim formu maalesef çalışmıyor.
YanıtlaSilyararlı bilgiler için teşekkür ederim
YanıtlaSil