Cara Membuat Form Kontak DI Blogger

Panduan membuat Form Contact di Blogger sangat mudah untuk di coba bagi pengguna blogger. Form Kontak sudah lama disediakan oleh blogger untuk blogspot, jadi buat para blogger tidak perlu ambil pusing bagaimana cara membuat form contact di blogger.

Hanya ada beberapa yang perlu kita edit untuk penambahan sebuah kode script pada form contact yang berada pada halaman widget blogspot. Berikut penjelasan yang akan saya publish di sini:

Cara Membuat Form Contact di Blogspot

Pertama-tama

• Login blogger
• Pilih Tata Letak pada blogger
• Tambahkan sebuah widget pada Gedget. dan pilih Formulir Kontak
• Setelah itu, klik Simpan

Setelah cara yang diatas sudah anda lakukan, langsung ke tahap berikutnya.
Caranya:

• Pilih Template, setelah itu klik Edit HTML
• Klik Format Template, pilih pada menu Contact Form1

Di situ ada sebuah kode script Form Contact bawaan dari blogger, cari kode <b:includable id='main'> dan </b:includable>.

Hapus kode script di antara kode <b:includable id='main'> dan </b:includable> Lihat Gambar Screenshoot:

Setelah anda hapus kode script form contact blogger, silahkan anda pergi ke halaman Dasboard, dan buat halaman Page / Laman Kontak. Copy script dibawah ini, dan letakkan pada laman kontak anda, pilih yang edit html, jangan yang compose.

<div class='form'>
<style>
table tr, table td {
background:#F5F5F5;
border:none;
padding:0 0 0 0;
}
.send-btn {
padding:10px 0;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
max-width:400px !important;
}
</style>
<br>
<table><tbody>
<tr><td width="100">Nama </td> <td><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text">
</td></tr>
<tr> <td width="100">Email </td><td><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text">
</td></tr>
<tr> <td width="100">Pesan </td><td><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
</td></tr>
<tr><td class="send-btn" colspan="2"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button">
</td></tr>
<tr><td colspan="2" align="center"><div style="max-width: 222px; text-align: center; width: 100%;">
<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>
</div>
</td></tr>
</tbody></table>
</div>

Semoga tips membuat form contact di blogger akan berguna bagi pengguna blogger dengan hasil yang sempurna