Blogger - İletişim Formunu Sabit Sayfaya Ekleme

Advertisemen
Blogger - İletişim Formunu Sabit Sayfaya Ekleme
Blogger - İletişim Formunu Sabit Sayfaya Ekleme
Tüm blogger kullanıcıları için iletişim formu çok önemli bir yer almaktadır. Bu makalemde blogger iletişim formunu sayfaya eklemeyi göstereceğim. Hemen anlatıma başlıyorum.

1 - Blogger kumanda paneline girelim
2 - Yerleşim seçeneğine tıklayın ve Gadget Ekle'ye tıklayın.
3 - Karşınıza gelen pencereden Diğer Gadget'lere tıklayın.
4 -  İletişim Formu'nu ekleyin.

Widgetimizi ekledikten sonra sayfalar seçeneğine tıklayıp, iletişim adında boş bir sayfa oluşturalım. Aşağıdaki görmüş olduğunuz kodları "HTML" kısmına kopyalayıp yapıştırın.

<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>Email 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='10'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/> <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 ekledikten sonra Şablon - Html'yi Düzenle - Widget Atla tıklayın. Açılır pencerede ContactForm1 adlı widgete tıklayın. Aşağıdaki görmüş olduğunuz kodu bulun.

<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'> <b:includable id='main'>

Kodları bulduktan sonra bulmuş olduğunuz kodun hemen alt kısmında benim aşağıda verdiğim kodların birebir aynısı olacak aşağıdaki kod penceresinde gördüğünüz tüm kodları silin.

<b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p/> <data:contactFormNameMsg/> <br/> <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/> <p/> <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/> <p/> <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/> <p/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/> <p/> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/> </div> </form> </div> </div>

Not: Yukarıda görmüş olduğunu kodların hepsini silin aksi takdirde eklenti çalışmayabilir.
 
Uyarı: Eklentiyi bizzat kendi blogumda denedim çalışmaktadır. Önlem olarak temanızın yedeğini almanızı tavsiye ederim.

Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments