Minggu, 16 Juni 2013
Cara Memasang Contact Form di Halaman Post Blog
Bagikan di Google+
Sayangnya widget contact form ini hanya bisa kita pasang di sidebar saja, gimana supaya bisa kita pasang di 1 halaman post?
Nah dibawah ini ada cara untuk memasangnya, simak saja :D
Cara Memasang Contact Form di Halaman Post Blog
(a). Pasang terlebih dahulu widget Contact Form. Sobat bisa baca cara pemasangannya disini.
(b). Buat Laman atau post (entri) baru.
(c). Copy paste kode berikut ini, saat menulis entri pilih opsi HTML
<form name='contact-form'>
<div>Nama : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Pesan: <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='Kirim'/>
<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>
(d). Di pengaturan pilih Tafsirkan HTML yang diketik, jangan izinkan komentar, dan jika sudah dirasa cukup, pilih Publikasikan.
Jika langkah di atas sudah, langkah selanjutnya adalah menghilangkan (menyembunyikan) widget Contact Form yang sebelumnya kita tambahkan di sidebar, yaitu dengan cara;
1. Pilih Template lalu Edit HTML
2. Cari kode yang kurang lebih seperti ini
<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'><b:includable id='main'>
3. Hapus kode yang ada di bawahnya seperti gambar berikut:

4. Sehingga kodenya menjadi seperti ini:

5. Simpan Template jika sudah selesai.
Ayo.. Cobalah.. :)
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar