Cara Membuat Formulir Kontak Email di Laman

Bagaimana cara membuat formulir email yang ada di laman atau page? Nah saat kita melihat laman kontak kita melihat formulir email seperti diatas. Dengan formulir tersebut para pengunjung internet akan lebih mudah menghubungi pemilik blog. Berikut cara membuat formulir email. 

1. pertama pasang kotak di widget dulu (dimana aja boleh).

2. kopi dan paste kode html ini di halaman baru (new page)

<form name='contact-form'> <div>Your Name : </div> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <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>

3. cari kode ini dan hapus, lalu klik simpan

<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>

Selamat mencoba

Berbagi :