Blogger İletişim Formu Oluşturma

blogger iletişim formu oluşturmaBlogger, birkaç yıl önce getirdiği iletişim formu eklentisi sayesinde kullanıcıların en büyük sorunlarından biri olan iletişim sorununu kökünden halletmiş oldu. Blog site sahipleri bu eklenti sayesinde sitelerine iletişim formu ekleyebiliyorlar. Bu iletişim formu tamamen ücretsiz ve oldukça pratik.

Blogger iletişim formu eklentisini kullanmak için 2 farklı yol var. Bu yollardan ilki bir gadget olarak sitenizin sağ tarafına veya en altına eklemek. Bu şekilde kullanımlarda siteye girenler iletişim formunu tüm sayfalarda görebilirler. Bu kolay olay yöntemdir. Diğer yol ise bu eklentiyi bir statik sayfaya eklemek. Canlı bir örneğini görmek isterseniz benim İletişim sayfama bakabilirsiniz. Her iki yöntemin detaylarına bakalım.

İletişim Formunu Gadget Olarak Eklemek


1 Blogger.com sitesini açın.
2 İletişim formunu eklemek istediğiniz sitenizi seçin.
3 Sol menüden Yerleşim'i seçin ve Gadget Ekle'yin.

gadget ekle

4 Diğer Gadgetler sekmesine geçip İletişim Formu'na tıklayın ve ardından Kaydet diyerek işlemi tamamlayın

iletisim formu ekle

Sitenize İletişim Formu'nu gadget olarak eklemiş oldunuz. Diğer yöntemde statik sayfaya iletişim formu eklemeye de göz atabilirsiniz. Bu sayede blog sitelerinize özel iletişim sayfaları oluşturabilirsiniz.

Blogger İletişim Sayfası Oluşturma


1 Blogger.com sitesini açın.
2 Sol menüden Sayfalar'ı seçin ve Yeni Sayfa oluşturun.

blogger yeni sayfa olustur

3 HTML bölümüne aşağıdaki kodları kendinize göre düzenledikten sonra kopyalayıp yapıştırın.

blogger iletişim sayfası

4 Alttaki kodun en üstündeki "420692696674173166" rakamlarını kendi blog numaranızla değiştirin. Blog numaranızı şuradan öğrenebilirsiniz: Blogger Blog ID Öğrenme

[<script>
var blogId = '420692696674173166';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Gönderiliyor...';
var contactFormMessageSentMsg = 'Mesajınız gönderildi.';
var contactFormMessageNotSentMsg = 'Mesaj gönderilemedi. Lütfen tekrar deneyin.';
var contactFormEmptyMessageMsg ='Mesaj bölümü boş bırakılamaz.';
var contactFormInvalidEmailMsg = 'Geçerli bir e-posta adresi gerekli.'

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 <em>(zorunlu)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>
Mesaj <em>(zorunlu)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></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>
<style>
.contact-form-widget{margin:0;width:500px;max-width:100%;padding:5px;color:#000}
.fm_name,.fm_email{float:left;padding:5px;width:50%}
.fm_message{padding:5px}
.contact-form-name,.contact-form-email{width:100%;max-width:100%;margin-bottom:10px;height:30px;padding:5px;font-size:13px}
.contact-form-email-message{width:100%;max-width:100%;height:100px;margin-bottom:10px;padding:10px;font-size:13px}
.contact-form-button-submit{height:32px;padding:4px 55px;margin-bottom:10px;font-size:13px}
input#ContactForm1_contact-form-name, .contact-form-email, .contact-form-email:hover, .contact-form-email:active, .contact-form-email-message {
min-width: 190px;
max-width: 360px;
width: 100%;
margin-bottom: 15px;
}
.contact-form-email-message, .contact-form-email-message:hover{
padding: 5px;
min-width: 290px;
max-width: 460px;
width: 100%;
margin-bottom: 15px
</style>]

5 Kodları HTML kısmına ekledikten sonra Yayınla diyerek iletişim sayfasını tamamlayabilirsiniz.

Konuyla ilgili düşüncelerinizi yorum formunu kullanarak iletebilirsiniz. İletişim Formu'yla ilgili sorun yaşarsanız lütfen çekinmeden bildirin.

İyi bloglamalar.

YORUMLAR

BLOGGER
Adsense,5,Adwords,3,Blogger,42,Devlet,1,Diğer,1,Donanım,3,Facebook,8,Google,7,Instagram,5,İnternet,8,Mobil,6,Office,2,Oyun,31,SEO,4,Twitter,8,Webmaster,8,Whatsapp,4,Windows 10,40,Wordpress,7,Yazılım,36,Youtube,7,
ltr
item
Teknik Blog | isa.gen.tr: Blogger İletişim Formu Oluşturma
Blogger İletişim Formu Oluşturma
Blogger iletişim formu kullanımı, iletişim sayfası oluşturma, iletişim formunu bloglara ekleme, blogger iletişim eklentisi.
https://1.bp.blogspot.com/-pU4pFZAHLtA/WexytWsBN1I/AAAAAAAABgE/0R6b6itUqa0K7AnvrC6CBPaEZ8mA_VOewCLcBGAs/s640/blogger-iletisim-formu-olustur_1.jpg
https://1.bp.blogspot.com/-pU4pFZAHLtA/WexytWsBN1I/AAAAAAAABgE/0R6b6itUqa0K7AnvrC6CBPaEZ8mA_VOewCLcBGAs/s72-c/blogger-iletisim-formu-olustur_1.jpg
Teknik Blog | isa.gen.tr
http://www.isa.gen.tr/2017/10/blogger-iletisim-formu.html
http://www.isa.gen.tr/
http://www.isa.gen.tr/
http://www.isa.gen.tr/2017/10/blogger-iletisim-formu.html
true
420692696674173166
UTF-8
Hepsi yüklendi! BUNA BENZER BAŞKA BİR YAZI YOK Tüm Yazılar Devamını oku Yanıtla İptal et SİL By Ana Sayfa SAYFALAR YAZILAR Tüm Yazılar BENZER YAZILAR KATEGORİ ARŞİV ARAMA YAP... TÜM YAZILAR Uygun bir sonuç bulunamadı Ana Sayfa Pazar Pazartesi Salı Çarşamba Perşembe Cuma Cumartesi Paz Pzt Sal Çar Per Cum Cmt 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 Az önce 1 saat önce $$1$$ dakika önce 1 saat önce $$1$$ saat önce Dün $$1$$ gün önce $$1$$ hafta önce Ay önce Takipçiler Takip et THIS CONTENT IS PREMIUM Please share to unlock Kodları kopyala Tüm kodları seç Tüm kodlar kopyalandı Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy