Blogger İletişim Sayfası Oluşturmak


0
[Toplam: 0   Ortalama: 0/5]
Screenshot 3 - 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.

Screenshot 1 - Blogger İletişim Sayfası Oluşturmak
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.
Screenshot 2 - Blogger İletişim Sayfası Oluşturmak
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…


Like it? Share with your friends!

0
admin

0 Comments

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

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format