Cara letak contact form pada blog

Untuk pengguna blogspot, jika ingin meletakkan contact form anda mungkin memilih Formstack,Foxyform,dan sebagainya.Sekarang anda tidak perlu menggunakannya lagi kerana blogger telah mengeluarkan contact formnya sendiri.

contact form

Cara memasukkan contact form pada blog

Masuk ke dashboard , pilih layout dan klik pada add a gadget


Kemudian pilih more gadget dan masukkan contact form


Cara meletakan pada page statik
Setelah memasukkan contact form pada blog seperti langkah diatas,kemudian pada dashboard pilih >>Template>>edit Html


Pada template cari ContactForm(gunakan Ctrl+F)
Klik anak panah dihujung untuk membuka kod seterusnya

kod blog

<b:widget id='ContactForm1' locked='false' title='Contact Form' 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>
Kod warna merah perlu dipadam.
Kemudian save template anda
Pada dashboard pilih pages>>new page>>blank page
Masukkan kod ini pada page kosong tersebut dan masukkan namakan page tersebut dengan nama yang anda inginkan.

Catat Ulasan

7 Comments:

Syazrin Rayhan berkata...
Teknik Buat Blog

mcm tu rupanya... hehehe, thnks yea atas tutorialnya :)

Kang Zeer El-Watsi berkata...
Teknik Buat Blog

izin nyimak ya...sukses untuk anda :)

ummu khadeejah berkata...
Teknik Buat Blog

salam..tima kasih..sy budak baru belajar..sngt membantu

Rudy Hartono berkata...
Teknik Buat Blog

makasih sudah berbagi yang bermanfaat, salam kenal dan kalau sudi berkunjung ke blog saya

Haslinda Hassan Ali berkata...
Teknik Buat Blog

terima kasih

Koperasisatu Malaysia berkata...
Teknik Buat Blog

Tima kasih

Hl Bola berkata...
Teknik Buat Blog

Artikel yang sangat berguna isinya. Terima Kasih Info Freebet Terbaru