Eklentiler

Blogger İletişim Sayfası Oluşturma

Blogger platformu gün geçtikçe gelişiyor ve yeni özellikler ekleniyor. İlk kurulduğunda Blogger kendine ait iletişim eklentisi ile hizmet veriyordu tabi bu iletişim eklentisi pek kullanışlı değildi. Ama artık dışardan kodlarla kullanışlı ayrı bir iletişim sayfası oluşturabilirsiniz.

Bu yazımda size Blogger’da nasıl ayrı iletişim sayfası oluşturacağınızı anlatacağım böylece daha kullanışlı ve gadget değil, (Kenar Çubuğunda değil) sayfa şeklinde bir iletişim sayfasına sahip olacaksınız. Haydi o zaman başlayalım.


Blogger Ayrı İletişim Sayfası Nasıl Oluşturabilirim?

 

İletişim Formunu ayrı bir sayfa olarak oluşturmak için aşağıdaki adımları izleyin. Bir ön izlemesini görmek istiyorsanız, örnek olarak oluşturduğum iletişim sayfayı kontrol edebilirsiniz.

1-) Bloğunuzun blogID’sini bulun. Bloğunuzun kontrol panelinde herhangi bir sayfaya tıkladığınızda kimliğini tarayıcınızın URL çubuğunda ne zaman bulabilirsin? Bu blogID, yeni İletişim formu sayfasının kodunu oluşturmak için gerekli. Aşağıdaki ekran görüntüsü, blogID’yi nasıl bulacağınızı gösteriyor. Bu kodu bulun ve bir yere kayıt edin. İletişim formu için bu koda ihtiyacımız olacak.


2-) Şimdi bloğunuzda yeni bir sayfa oluşturun.

Aşağıdaki kodu kopyalayın ve düzenleyin. BlogId numarasını düzenlemek zorunludur (1. adımda not ettiğiniz numarayı kullanın)

<script>
var blogId = '4234041292735683430';//bu numara zorunlu olarak düzenlenmelidir.
//Aşağıdaki mesaj 5 Dizeler de düzenlenebilir.
var contactFormMessageSendingMsg ='Gönderiliyor ...';
var contactFormMessageSentMsg = 'Mesajınız gönderildi.';
var contactFormMessageNotSentMsg = 'Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz..';
var contactFormEmptyMessageMsg ='Mesaj alanı boş olamaz.';
var contactFormInvalidEmailMsg = 'Geçerli bir e-posta 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>

<br />
<form name="contact-form">
<div>
Adınız: </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />
<div>
E-posta Adresiniz: <em>(Gerekli)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<div>
Mesajınız: <em>(Gerekli)</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>

Sayfa oluşturulurken, aşağıdaki resimde gösterildiği gibi bu kodu HTML kısmına girmelisiniz. Ardından, yukarıdaki kodu yayın düzenleyicisine (HTML içindeki kodları sıfırladıktan sonra) yapıştırın, yorumları devre dışı bırakın ve sayfanızı yayınlayın.

3-) Sayfa yayınlandıktan sonra, bu yeni sayfaya gidin iletişim formunu doldurun, gönder butonuna tıklayın ve deneme mesajı atın.

Evet, artık sizde bir iletişim sayfasına sahipsiniz.  İletişim formunuz ayrı bir sayfada açılacak.

Kullanıcıların gönderdiği mesajlar, bloğunuzun kayıtlı olduğu e-posta adresine gelecek ve oradan cevap verebileceksiniz.

Bu yazıda size iletişim sayfasının nasıl oluşturacağınızı anlattım umarım işinize yaramıştır. Takıldığınız bir yer varsa yorum bölümünden bana bildirebilirsiniz.

Bunlarda işinize gelebilir.

⇒ Ücretsiz Blogger Temaları

⇒ Blogger Temel Ayarları

⇒ Adım Adım Ücretsiz Blog Kurmak Blogger (Görsel Anlatım

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön düğmesi
Kapat
Kapat

Adblock Algılandı

Lütfen reklam engelleyiciyi devre dışı bırakarak bizi desteklemeyi düşünün