Kategori : Blogger iletişim sayfam da Blogger'ın geçtiğimiz zamanlar da bize duyurduğu İletişim Gadgetı yer alıyor. Bu gadgetı sidebar yani blog sayfamızın yan kısımına eklemek oldukça basit. Fakat bunu sabit bir sayfaya eklemek için ek olarak işlemler yapmamız gerekiyor. Bunu da elimden geldiğince gayet açık bir şekilde sizlere anlatmaya çalışacağım.

Aşağıdaki adımları takip ederek sizlerde blogunuzdaki sabit sayfalara iletişim gadgetini kolayca ekleyebilirsiniz.

Panele giriş yapın > Yerleşim > Gadget Ekle dediğiniz de aşağıdaki gibi bir pencere açılacak..


İletişim Formu Yeni! başlığına tıkladıktan sonra açılan yeni sayfadaki Kaydetbutonuna tıklayın ve gadgeti ekleyin.

Şimdi asıl olaya yani bu formun iletişim sayfasına eklenmesine geçiyoruz. Buradan sonrası dikkatlice takip edin.

Tekrar panele girin > Şablon > Html'yi Düzenle yolunu izleyin.

Açılan kod sayfasında Şablonu Kaydet butonunun yanındaki Widget'a Atlabutonuna tıklayın ve ardından ContactForm1 seçimini yapın.

<b:includable id='main'> ile </b:includable>

kodları arasındaki tüm kodları silin.

Şablonu kaydedin ve İletişim sayfanızın editör kısmından HTML kısmına gelin ve aşağıdaki kodları yapıştırın. Ya da yeni bir iletişim sayfası oluşturun.

 
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
İsim *
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-Posta *
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Mesaj*
<textarea class="contact-form-email-message" cols="25" 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" type="button" value="Gönder" />
<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>
</div>
</div>
<style>
.contact-form-widget{width:350px;max-width:300%;padding:10px}
.contact-form-name,.contact-form-email,.contact-form-email-message{max-width:350px}
.contact-form-button-submit{width:100px;height:28px}
#ContactForm1_contact-form-email-message{width:350px;border-radius:4px;margin-bottom:10px;padding:15px 10px 15px 5px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:250px;height:30px;border-radius:4px;margin-bottom:10px;padding-left:5px}
</style>
Yaptığınız değişiklikleri kaydedin. Tüm işlemlerimiz bu kadar.