Afolog

  1. Nasıl Yapılır?
  2. Uygulama
  3. Programlar
  4. Tanıtım Yazıları

Blogger’a İletişim Formu Ekleme Orjinal Widgeti Sayfaya Ekleme

Yayın Tarihi:

Kategorisi:

Genel

Resim 1
Blogger İletişim Formu

Blogger İletişim Formu eklentisi o kadar çok ki internet üzerinde hangisini kullanacağınıza karar verememiş olabilirsiniz ancak blogger’ın kendine ait bir iletişim formu yok mu diye araştırıp Blogger’ın Gadget’ler içerisinde bulunan Orjinal (Resmi) İletişim Formu eklentisini denemek istemişsinizdir ancak buda Widget çubuğunda gözükmesi hoşunuza gitmemiş ayrı bir iletişim sayfası oluşturmada bunu kullanmak istemiş olabilirsiniz.

İşte bu sebeple sizlere şu anda benim iletişim sayfamda göründüğü gibi bu İletişim Formu Gadgetini Ayrı bir sayfada kullanmak için yapılması gerekenlerden bahsedeceğim. Bu sayede hiç bir aracı kullanmadan direkt olarak blogger’ın orijinal kendine ait iletişim formunu Sayfa’da Kullanmayı başaracaksınız.

Orijinal (Resmi) Blogger İletişim Formu Eklentisini Eklemek İçin Aşağıdaki Adımları Sırası ile Gerçekleştirin

Yerleşim sayfasından herhangi bir yere Gadget ekle diyoruz.
Sol menüde bulunan Diğer Gadgetlere girelim.
Buradan İletişim Formu Gadgetini Sayfamıza ekleyelim.
Daha sonra Şablon’a girelim.
Html’i Düzenle diyelim.
Şablon Kodlarınızın içerisine bir kez tıklayalım ve CTRL+F tuşu ile arama kutusunu açalım. (Direk CTRL+F yaparsanız olmaz Kodların bulunduğu ekranın içerisinde metin imleci yanıp sönerken CTRL+F yapalım.)
Daha sonra contactform yazıp aratalım.

<b:widget div=”” id=”ContactForm1″></b:widget>

olarak başlayan satırın solunda bulunan sağa ok işaretinin üzerine basıp bu Widget’in kodlarını tam olarak görüntüleyelim. Daha sonra biraz aşağıda ki gibi satırların görüldüğü gibi Widget kodunun sonlandığı en son kısıma dikkat edelim.

          <p class=’contact-form-success-message’ expr:id=’data:widget.instanceId + &quot;_contact-form-success-message&quot;’/>
        </div>
      </form>
    </div>
  </div><b:if cond=’data:blog.url !=http://www.afolog.com’>
  <b:include name=’quickedit’/>

</b:if></b:includable>
  </b:widget>

Bakın burada

<b:include name=’quickedit’/> kodunu üzerine
<b:if cond=’data:blog.url !=http://blogadresiniz.blogspot.com’> kodunu kendi blogunuzun ana sayfa adresini yazın ve </b:includable> kodunun önüne de </b:if> kodunu koyarak kaydedin.

Yukarıdaki kodu koyarken blogadresiniz.blogspot.com kısmını sahip olduğunuz site adresine göre yazın ve kaydedin.

;Bu şekilde yaptığınızda İletişim Formu artık sayfanızda görünmeyecektir.
Ama Sizin İletişim sayfasında kullanacağınız Kod’un çalışması için gerekli işlevi bu widget sağlayacaktır. (Yani iletişim formunda göndere basıldığında sizin maile bildirim gönderecek Blog id ve diğer tanımlamalar bu widget kodu içerisindedir. Ancak sorun olan kısmı widget çubuğunda görünmesidir. Bu sebeple siz İletişim sayfanızda kullanırken bu widget çalışacak ama normal de görünmeyecek şekilde ayarlamış olduk.)

Daha sonra Sayfalar’dan Yeni bir sayfa veya daha önce oluşturduğunuz iletişim sayfası varsa içerisine girerek. Yayın başlığı altında bulunan HTML ekranına girelim ve

<br /><br />
<div class=”form”>
<form name=”contact-form”>
Ad
<br />
<input class=”contact-form-name” id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” />
<br /><br />
E-posta
<span style=”font-weight: bolder;”>*</span><br />

<input class=”contact-form-email” id=”ContactForm1_contact-form-email” name=”email” size=”30″ type=”text” value=”” />
<br /><br />
Mesaj
<span style=”font-weight: bolder;”>*</span><br />

<textarea class=”contact-form-email-message” cols=”25″ 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: 222px; 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>
</div>

Kodunu yapıştırdığınızda İletişim Formunuz gayet Sade ve Çalışan bir halde Blogunuz da hemde kendine ait ayrı bir sayfada görevine başlamış olacaktır. Kolay Gelsin.

Sitemizde Yayımlanan İçeriklerin Artması, Daha Çok Sorun Çözümü ve İpucu Görmek için Btc Bağışında Bulunabilirsiniz...

1Afo39vmUHdMPNfkxhCKaJW31ykdshxLSm

BTC: 1Afo39vmUHdMPNfkxhCKaJW31ykdshxLSm

Afolog Telegram Grubu

Telegram Kanalıma Abone Olmak İçin Tıklayın.

Grup Sohbetinde Soru Sormak için Tıklayın.

“Blogger’a İletişim Formu Ekleme Orjinal Widgeti Sayfaya Ekleme” için 2 cevap

  1. Esra Bayık dedi ki:

    Teşekkür ederim, çok işime yaradı. Yalnız bir şeyi belirtmek istiyorum: kodunu kabul etmiyor. Ben de ekleyemedim fakat gayet de sorunsuz kullanıyorum, çok teşekkürler 🙂

  2. sule dedi ki:

    selamlar, ben ekledim ve size teşekkür ediyorum. yalnız farklı adreslerden test mesajları gonderdim gelmedi. hersey çalışıyor gorunuyordu oysa. mesaj gidince de gönderildi yazısı çıkıyordu 🙁

Bir Cevap Yazın

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