Web: http://www.teknoarsiv.net/

YAKINDA SİZİNLE

Blogger,Blogger Eklenti, Blogger Tema!


Gün

Saat

Dakika

Saniye

E-Bülten Aboneliği

E-Bültenimize Abone Olun Son Yazılar Mail Olarak size gelsin Yazılarımızı Kaçırmayın:

Copyright © Teknoloji Kalemim | Teknoloji Portalı | Türkçeleştirme http://teknolojikalemim.blogspot.com/

29 Aralık 2013 Pazar

Blogger İletişim Sayfası Oluşturmak

Blogger kullanıcıları bir iletişim sayfası oluşturmak için blogspot dışı araçlardan faydalanır. Temaya çeşitli kodlar eklerdi yada html iletişim forumları ile olayı kapatırdı. Wordpress'te cantact form isimli eklenti ile bu bir kaç yıl önce aşılmıştı. Nihayet Blogger'da bu konuda bir adım attı ve iletişim formu/iletişim sayfası için bir kolaylık getirdi. Bu kolaylık kısmen oldu diyebiliriz. Çünkü getirilen iletişim formu sidebara yada footera widget olarak ekleniyor.

Biz bu yazımız da bu iletişim widgetini sabit sayfaya nasıl ekleyeceğimizi göreceğiz.

Blogger paneline giriş yapın ve yerleşim sekmesinden gadget ekle diyerek işleme başlayınız.


Yukarıdaki resimde gördüğünüz gibi ''Diğer Gadget'lara tıklayarak iletişim Formu yazan widget'i ekleyiniz.



İletişim formu bir wigdet olarak ekledik. Şimdi gelelim bu iletişim formunu sabit bir sayfaya eklemeye.



Yine yukarıdaki resimde görüldüğü gibi sayfalar sekmesinden yeni sayfa ekle diyerek bir iletişim sayfası oluşturuyoruz.

Daha sonra oluşturduğumuz boş iletişim sayfasının HTML kısmına gelip aşağıdaki kodları ekliyoruz.

<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=''/><div>E-mail : <em>(required)</em></div><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/><div>Mesajınız: <em>(required)</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>

Yukarıdaki kodlar arasında kırmızı ile belirttiğim kısımları dilediğiniz gibi değiştirebilirsiniz.

Bu oluşturduğumuz sayfayı kaydettikten sonra artık iletişim sayfamız hazırdır.

SRGZ Blog İletişim sayfasını görmek için İletişim Sayfası Örneği'ne tıklayabilirsiniz.

İyi günlerde kullanmanız dileğiyle...



Hiç yorum yok:

Yorum Gönder

Sponsor

Ad

E-posta *

Mesaj *

Text Widget

Labels

Channels

Category 3

Güncel Teknoloji Blogu..

Labels

Sponsors

Post of the week

Find us on facebook

Son Yorumlar

https://www.facebook.com/seyitshnn

Partners

++Teknoloji Kalemim

Pages

Blogger tarafından desteklenmektedir.

Channels

Labels

Channels

Channels

Popular Posts

Blog Arşivi

Followers

Blog Archive

Postagens populares

Sidebar One

Stats

Category 2

Category 3

Popular Posts

Join the Club