Cara Menciptakan Contact Form Di Halaman Post Blog

Sudah tahu kan kalau blogspot menghadirkan widget berjulukan Contact Form, sebuah widget untuk mengirim pesan ke pemilik blog. Di samping memperlihatkan kemudahan, widget contact form ini sayangnya hanya dipasang di sidebar sebagai gadget.

Pemasangan Contact Form di di sidebar memang tidak terlalu lazim dipakai, kebanyakkan Contact Form dipasang di halaman post, dan untuk menuju ke halaman itu lewat tautan di menu. Sehingga blog lebih yummy dipandang, dan irit tempat.

Cara Membuat Contact Form di Halaman Post Blog
1. Pasang terlebih dahulu widget Contact Form. Kamu dapat baca cara pemasangannya di sini.
2. Buat Laman atau post (entri) baru.
3. Copy paste isyarat berikut ini, ketika menulis entri pilih opsi HTML

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

4. Di pengaturan pilih Tafsirkan HTML yang diketik, jangan izinkan komentar, dan kalau sudah dirasa cukup, pilih Publikasikan.

Jika langkah di atas sudah, langkah selanjutnya ialah menghilangkan (menyembunyikan) widget Contact Form yang sebelumnya kita tambahkan di sidebar, yaitu dengan cara;
1. Pilih Template kemudian Edit HTML
2. Cari isyarat yang kurang lebih ibarat ini

<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
<b:includable id='main'>

3. Hapus isyarat yang ada di bawahnya ibarat gambar berikut:

4. Sehingga kodenya menjadi ibarat ini;

5. Simpan Template kalau sudah selesai.

Kaprikornus Contact Form ini memindahkan dari sidebar ke halaman postingan. Jangan kau hapus widget Contact Form dari tata letak, semoga dapat berjalan. Setelah dapat tampil di halaman post, kita tinggal menambahkannya di menu navigasi (misal di header).
Sumber https://www.kurniasepta.com/