Membuat Contact Form di Halaman Static untuk Blogger
Setelah sebelumnya saya menulis cara membuat privacy policy di blogger, tulisan ini akan membahas cara membuat contact form dihalaman static yang ditujukan untuk melengkapi tutorial sebelumnya. Untuk membuat contact form di halaman static anda harus masuk kebagian struktur template, jadi anda harus teliti dalam tutorial ini agar form yang dibuat berfungsi dengan baik. langsung saja ikuti langkah langkahnya.

Menambahkan Kode Contact Form 

  • Pastikan anda sudah berada didalam dashboard blogger
  • masuk ke bagian tema setelah itu klik tombol edit html
  • tambahkan kode dibawah ini tepat dibawah kode </b:widget>
<b:widget id='ContactForm2' locked='true' title='Contact Static Page' type='ContactForm'>
 <b:includable id='main'/>
 <b:includable id='content'/>
</b:widget>
Menambahkan Kode Contact Form
  • setelah itu tambahkan tambahkan kode dibawah ini tepat diatas kode ]]></b:skin>
#ContactForm2_contact-form-name, #ContactForm2_contact-form-email {
 text-indent: 10px;
 height: auto;
 margin: 5px 0;
 background: #f2f2f2;
 border: 1px solid #ccc;
 color: #777;
 height: 40px;
 width: 100%
}
#ContactForm2_contact-form-email-message {
 padding: 10px;
 background: #f2f2f2;
 border: 1px solid #ccc;
 color: #777;
 min-width: 100%
}
#ContactForm2_contact-form-submit {
 width: 100px;
 height: 35px;
 float: left;
 color: #FFF;
 padding: 0;
 cursor: pointer;
 background: #ddd;
 border: 1px solid #333;
 border-radius: 3px;
}
Menambahkan Kode Contact Form
  • setelah itu klik tombol simpan tema untuk menyimpannya.

Membuat Halaman Contact Form

  • masuk ke bagian halaman setelah itu klik tombol Halaman Baru untuk membuat halaman
Membuat Halaman Contact Form
  • ubah mode compose ke mode html (lihat gambar yang diberi kotak merah)
  • setelah itu copy kode dibawah ini dan pastekan kedalam blog
<form class="form-contact">
<div>
<label for="name">Name</label>
<input id="ContactForm2_contact-form-name" name="name" type="text" value="" />
</div>
<div>
<label for="name">Email Address:</label>
<input id="ContactForm2_contact-form-email" name="name" type="text" value="" />
</div>
<div>
<label for="textarea">Message:</label>
<textarea id="ContactForm2_contact-form-email-message" name="textarea" rows='8'></textarea>
</div>
<input id="ContactForm2_contact-form-submit" type="button" value="Submit" />

<div id="ContactForm2_contact-form-error-message">
</div>
<div id="ContactForm2_contact-form-success-message">
</div>
</form>
  • jangan lupa untuk memberi judul yaitu contact
  • setelah itu publikasikan halaman.