Cara Membuat Contact Form sederhana di Postingan Blog

Cara Membuat Contact Form sederhana di Postingan Blog :

Cara nya :

1. Memasang Widget "Contact Form"

Buka halaman "Tata Letak"
klik "Tambahkan Gatget"
pilih "HTML/Java Script"

Muncul kotak dialog, tuliskan kata "Form disini" buar mudah dilacak nantinya.
klik save.

Buka halaman "Template"
Klik "Edit HTML"

Klik di dalam kotak, terus tekan tombol CTRL+ F di keyboard, maka muncul kotak pencarian.
Cari Widget "Form disini"

Hapus kode <b: widget sampai penutupnya </b: widget>
dan ganti dengan kode ini:
<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'> <b:includable id='main'> </b:includable> </b:widget>
klik save.

2. Membuat Halaman "Contact Us"

Buat Laman Baru/ postingan baru, beri judul "Contact Us"
pilih Mode HTML
Pastekan Kode dibawah ini di sana (Mode Html)
Klik Publikasikan.

Silahkan tinggalkan pesan ke email saya.<br /> <div class="widget ContactForm" id="ContactForm1"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <div style="text-align: center;"> Name</div> <div style="text-align: center;"> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> </div> <div style="text-align: center;"> E-mail *</div> <div style="text-align: center;"> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> </div> <div style="text-align: center;"> Message *</div> <div style="text-align: center;"> <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="Submit" /> </div> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </form> </div> </div> </div>

DEMO > Lihat hasilnya disini