Blogger iletişim Sayfası Oluşturmak

Blog sayfamıza iletişim sayfası eklemek okurlarımızla sağlam bir bağ kurabilmek açısından çok önemlidir. Bu yazımızda bunu nasıl yapacağım...

Blog sayfamıza iletişim sayfası eklemek okurlarımızla sağlam bir bağ kurabilmek açısından çok önemlidir. Bu yazımızda bunu nasıl yapacağımızı anlatacağız. Öncelikle blog sayfamızın blog ID'sini öğrenmemiz gerekmektedir. 


 Blogger Blog ID'si Nasıl Bulunur?
Daha sonra yeni bir sayfa oluşturacağız. 

Bunun için Blogger Kontrol Paneli >> Sayfalar >> Yeni Sayfa yolunu izleyeceğiz. 
Açılan yeni sayfanın HTML sekmesine geçip aşağıdaki kodu yapıştıracağız.


<script>
var blogId = '2335151254058832000';//BU KISMA KENDI BLOG ID NIZI EKLEMENIZ GEREKMEKTEDIR.
//2N1K ILETISIM PANOSU KODLARI
//UYARILAR BOLUMU
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> (<span style="color: red;">Gerekli</span>)</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> (<span style="color: red;">Gerekli</span>)</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 />


Daha sonra eklediğimiz kodun en üst kısmında bulunan blogid kısmına biraz önce öğrendiğimiz kendi blog id mizi ekleyeceğiz. İletişim sayfamız oluşmuştur. Bu sayfayı istediğimiz bir menüye ekleyebiliriz. Buradan gönderilen mesajlar direkt olarak gmail hesabımıza gidecektir.
Ad

Advanced Excel,6,Blogger Eklentileri,7,Blogger JS,2,Blogger SEO,1,CSS,1,Excel,10,Grafik,1,HDCP,1,istatistik,10,Lifehack,3,Photoshop,1,Rehber,2,Teknik Servis,1,Tools,10,Veri Analizi,10,web,15,
ltr
item
rakamlar.net: Blogger iletişim Sayfası Oluşturmak
Blogger iletişim Sayfası Oluşturmak
https://2.bp.blogspot.com/-3KnLlalI-2o/WrlstxZ2_OI/AAAAAAAADsk/CQuxJwjau5w2uDxx-4hjON53KN7JN06pQCLcBGAs/s320/Ekran%2BResmi%2B2018-03-27%2B00.56.27.png
https://2.bp.blogspot.com/-3KnLlalI-2o/WrlstxZ2_OI/AAAAAAAADsk/CQuxJwjau5w2uDxx-4hjON53KN7JN06pQCLcBGAs/s72-c/Ekran%2BResmi%2B2018-03-27%2B00.56.27.png
rakamlar.net
https://www.rakamlar.net/2018/03/blogger-iletisim-sayfasi-olusturmak.html
https://www.rakamlar.net/
https://www.rakamlar.net/
https://www.rakamlar.net/2018/03/blogger-iletisim-sayfasi-olusturmak.html
true
2335151254058832000
UTF-8
Loaded All Posts Bulunmadı Hepsini Gör Devamını Oku Reply Cancel reply Delete By Ana Sayfa Sayfalar POSTS View All RECOMMENDED FOR YOU KONU Arşiv ARA ALL POSTS Bu konuda daha önce yazmadık. Ana Sayfa Pazar Pazartesi Salı Çarşamba Perşembe Cuma Cumartesi Paz Pzts Salı Çar Per Cum Cmrts Ocak Şubat Mart Nisan Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis Mayıs Haz Tem Ağu Eyl Eki Kas Ara şimdi 1 dakika önce $$1$$ dakika önce 1 saat önce $$1$$ saat önce Dün $$1$$ gün önce $$1$$ hafta önce 5 haftadan daha önce Takipçiler Takip Et THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy