Blogger İletişim Formu

Blogger kullanıcılarının sıklıkla aradıkları “Blogger İçin İletişim Formu” bu yazımızda sizlerle. Yakın zaman önce Blogger'ın faliyete geçirdiği Widgetlerden “Contact Form” widgetini bir sayfaya adapte etmekle Wordpress benzeri bir iletişim formuna sahip olacağız. Bildiğiniz gibi Blogger için henüz böyle bir eklenti veya herhangi bir iletişim aracı geliştirilmedi. Şimdi teknik detaylara geçelim ve Blogger için harika bir iletişim formu yapalım. Herşeyden önce şablonunuzun yedeğini mutlaka alın.

Adım 1 – Blogger'a iletişim formu ekleyin

Bunun için yönetim panelinden yerleşim sekmesine geçtiğinizde Gadget Ekle deyip “Diğer Gadgetler” kısmından iletişim formunu buluyoruz. Bu formu blogumuza görselde de görüldüğü gibi eklediğimiz zaman ikinci adıma geçebiliriz.

Adım 2 – İletişim formu sayfası oluşturun

Bunun için yönetim panelinden sayfalara tıklayın. Görselde görüldüğü gibi işlemleri sırayla yapın. Daha sonra oluşturduğunuz bu sayfaya bir isim verin. HTML kısmına geçip aşağıdaki kodları sayfaya yapıştırın. Kodda değişiklik yapabileceğiniz yerlere kırmızı şekilde düzenlenmiştir.

<form name='contact-form'>
<div>İsminiz: </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<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=''/>
<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>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<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>

Kodu yerleştirdikten sonra bu sayfada yorum yörülmemesi için bir kaç ayar yapmamız lazım. Sağ tarafta bulunan seçeneklere tıklayın. Okuyucu yorumları kısmını “izin verme, mevcut olanı gizle” şeklinde düzenleyin. Oluşturma modunu ise “yazılan htmli yorumla” şeklinde işaretleyin. Görselde herşey gösterilmiştir. Bu işlemden sonra sayfayı kaydedlim.

Adım 3 – Contact Form Widgetini silmek

İlk adımda eklediğimiz Widget'i blogumuzdan kaldırmalıyız. Heryerde görünmesini istemiyorsak eğer. İletişim sayfamızdakinin görünmesi için bazı bölgelerini kaldıracağız. Bu sayede sayfadaki görünecek ve çalışacak. Widget kısmındaki kaybolacak.

Yönetim panelinden şablon sekmesine gelin ve html düzenleye tıklayın. Bundan sonra görselde gördüğünüz üzere Widget'a Atla sekmesinden ContactForm1 kodlarına direk ulaşın. Bu kodlar içerisinden aşağıdaki kodu silin.

Kodun son hali şu şekilde görülmelidir.

Bu işlemleri yaptıktan sonra şablonunuzu kaydedin. Blogger iletişim formunuzu doya doya kullanın. Bu formdan size iletilen mesajlar blogunuzun kayıtlı olduğu maile gönderilecektir. Gayet estetik olduğunu söylemekte fayda var. Bu işlemleri yapma esnasında herhangi bir kısımda sıkıntı yaşayanlar mutlaka bana “Blogger iletişim formumuz” :) ya da yorum yoluyla bize ulaşsınlar.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.