Blogger'a İletisim Forumu Eklemek

Yazar kolay video dersleri 16 Haziran 2015 Salı 2 yorum



merhaba arkadaslar bugunku dersimde size bloggera nasıl iletisim forumu eklenir onu anlatıcam gadget olarak ekleyebiliyoruz ama bu bize yetmiyor biz yukarıdaki  gibi menu eklemek istiyoruz derseniz onun cozumunu simdi anlatıyorum

 öncelikler arkadaslar  bloggeramıza iletisim forumu gadgetini ekliyoruz bunu nasılmı yapıcaz blogumuza gelip yerlesim --> gaget ekle ---> diğer kısmından iletisim formumuzu ekliyoruz asagıdaki resimdende bakabilirsiniz






bunu ekledikten sonra yan bölümde cok cirkin bi goruntu olustu demi biz bunu menu olarak yukarıya koymak istiyoruz ve tıkladıgımızda acılmasını istiyoruz yine blogger panelimize girip 
sablon ---> html düzenleme kısmına geliyoruz Widget’a atla ---> ContactForm1 bu adımları yaparak kodların oldugu bölüme gelin kodların yanında bulunan isarete tıkladıgınızda kodun oldugu kısım acılacak asagıdaki gibi kodlar goreceksiniz burdan kırmızı olan kodların bulundugu yeri silecegiz 




<b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'> 
    <b:includable id='main'> 
  <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> 
  <b:include name='quickedit'/> 
</b:includable> 
  </b:widget>


kırmızı kodları sildiktin sonra kapatabiliriz arkadaslar dilerseniz htlm ve css ile daha guzel bir gorunum yapabilirsiniz ama biz bunu biz yapmıcaz 
bu adımdan sonra siteniz iletisim forumunu algılıcak ama bunu gadget olarak gostermicek
bundan sonra yapmamız gerek iletisim adında bir sayfa olusturmak ve iletisim forumunu burada göstercez

simdi sayfa olusturcaz arkadslar öncelikle sayfalar>>>>yeni sayfa>>>>bos sayfa yaparak yeni bir sayfa olusturun sayfa baslıgına iletisim yazıyoruz daha sonra html seciyoruz ve konu yazılan bölüme bu asagıdaki kodları yapıstırıp kaydedip cıkıyoruz

<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'> 
    <div class='form'> 
      <form name='contact-form'> 
        <p>İsim<p> 
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> 
        <p>E-Posta *</p> 
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> 
        <p>Mesaj *</p> 
        <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'/> 
        <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> 
      </form> 
    </div> 
  </div> 
</div>




ön izleme yaptıgınızda bir sorun yoksa kaydedip  kapatabilirsiniz ve sayfanız hazır arkadaslar bukadar 

ben bu yazıdan bisey anlamadım diyorsanız asagıdaki videomu izleyin derim :)



2 yorum:

  1. s.a iletişim formunu kullanıyorum mesaj yazınca postama gelmiyor yardım lütfen

    YanıtlaSil
  2. Bu yorum bir blog yöneticisi tarafından silindi.

    YanıtlaSil