Divebi.com

Blogger

Blogger İletişim Sayfası Ekleme (2 farklı yöntem)

Yayınlanan

İcerisinde

Blogger Divebi.com

Blogger İletişim Sayfası Nasıl Oluşturulur?

Bu yazımda adım adım blogger altyapısını kullanarak 2 farklı yöntem ile blogger iletişim sayfası oluşturmayı gösterdim.

Web siteniz için en önemli sayfalar arasından biri olan iletişim sayfasıdır. İletişim sayfası sitenizi ziyaret eden kullanıcıların size ulaşmasını sağlamanız açısından çok önemlidir. Bu durumda ziyaretçiler ile aranızda bir bağ köprüsü kurmuş olacaksınız.

1. Yöntem Olan Gadget ile iletişim formu ekleme

Bu yöntem blogger gadget bölümünde blogger’ın sunduğu resmi iletişim gadget’ı bulunur, ancak bu yöntemi sayfalarda veya yazılarda kullanamaz. Sadece kenar çubuğu olarak kullanılır. Ziyaretçileriniz için özel bir sayfaya iletişim formu eklemek için 2.yöntem olan Kod ile iletişim formu eklemeye gidiniz.

  1. Google ile oturum açın ve blogger.com adresine gidin.
  2. Düzen > Sidebar Right > Gatget Ekle tıkladıktan sonra iletişim formunu seçin ve kaydete tıklayın.
  3. Sitenize giderek bir yayına veya bir sayfaya girerek iletişim formunu kontrol edin.

1.Google ile oturum açın ve blogger.com adresine gidin.

Blogger İletişim Sayfası Ekleme (2 farklı yöntem)- divebi.com


2.Düzen > Sidebar Right > Gatget Ekle tıkladıktan sonra iletişim formunu seçin ve kaydete tıklayın.

Blogger İletişim Sayfası Ekleme (2 farklı yöntem)- divebi.com
Blogger İletişim Sayfası Ekleme (2 farklı yöntem)- divebi.com
Blogger İletişim Sayfası Ekleme (2 farklı yöntem)- divebi.com


3.Sitenize giderek bir yayına veya bir sayfaya girerek iletişim formunu kontrol edin.

Blogger İletişim Sayfası Ekleme (2 farklı yöntem)- divebi.com


2.Yöntem HTML Kod ile iletişim formu ekleme

Bu yöntemde siteye iletişim sayfası yapabilmek için hazır kodlar kullanacağım, iletişim sayfası için aslında birçok hazır kod bulmak mümkündür.

!UYARI: İletişim sayfanızı oluşturmadan önce her ihtimale karşı temanızın yedeğini almayı tavsiye ederim. Yanlış bir hata yapmanız durumunda sitenizde sorunlar ortaya çıkabilir.

  1. Google ile oturum açın ve blogger.com adresine gidin.
  2. Tema > HTML’yi düzenleyi tıklayalım.
  3. Ctrl+F’e basıp açılan arama kutusuna ]]></b:skin> kodunu bulalım.
  4. ]]></b:skin> Kodun hemen üstüne aşağıda verdiğim kodları yapıştırın ve kaydedin.

Kodlar:

div#ContactForm1 {
display: none !important;}

Bu kodu eklememizdeki amaç, daha önce eklemiş olduğumuz gatget iletişim formunun görünmesini engellemektir.

Son olarak önce HTML kodlarını eklemek için yeni bir sayfa oluşturalım, yeni oluşturduğumuz sayfa’yı HTML Görünümü olarak düzenlemeyi unutmayalım. Ardından Aşağıda vermiş olduğum kodları kopyalayın ve iletişim sayfanıza yapıştırın ve kaydet butonuna tıklayın.

<form name="contact-form">
<div>
Ad </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> 
<br />
<div>
E-posta <i>(gerekli)</i></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> 
<br />
<div>
İleti: <i>(gerekli)</i></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<br />
<br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" 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>
Diğer Yazılarımada Göz atabilirsiniz.

Ücretsiz Blogger Temaları

Ücretsiz WordPress temaları

Trend Olan Gönderiler