Cara Membuat Form Kontak Di Blogger
Cara membuat form kontak di blogger untuk blogspot. Barangkali masih ada sobat blogger yang belum tau bagaimana cara membuat halaman Kontak di blogspot. Sebetulnya kita tidak perlu ngontrak lagi di website lain jika ingin membuat halaman kontak di blog. Karena biasanya kebanyakan blogger yang ingin membuat halaman form kontak harus daftar dulu di situs lain yang menyediakan jasa webmail seperti foxyform, kemudian tidak diperbolehkan menghapus link ke situs pemilik jasa form tersebut yang biasanya terletak di bagian bawah kontak form. Selain itu jika form menggunakan java script, maka dari kode tersebut akan turut menyumbang berat loading blog sebab script berada di server mereka.
Sebetulnya gak perlu susah payah daftar untuk bikin form di situs lain, sebab blogger sendiri sudah lama menyediakan form kontak untuk blogspot, hanya dengan sedikit kostumisasi yaitu dengan memodifikasi kode agar nantinya bisa digunakan untuk membuat halaman kontak kami di blog. Cara membuat form kontak ini cukup mudah, tetapi ini khusus bagi para user blogger. Berikut penjelasan lengkap trik cara membuat form kontak di blogspot.
Cara Membuat Form Kontak Di Blog
- Login dan masuk ke dahsboard blogger
- Tambahkan Gadget Contact Form letaknya bebas bisa dimana saja
- Tahap selanjutnya kembali ke dashboard pilih Template dan klik Edit HTML
- Klik Format Template, pada bagian " jump to widget/ lompat ke widget" pilih "Contactform1"
- Pada tahap ini kita tidak akan menghapus semua kode Gadget Contact Form tersebut, tetapi hanya sebagian saja yang akan dihapus.
- Hapus sebagian kode yang letaknya ada diantara : <b:includable id='main'> dan </b:includable>
- Lihat gambar contoh berikut
- Kostumisasi ini dilakukan agar gadget contact form nantinya tidak muncul di homepage atau halaman manapun kecuali di halaman Kontak kami.
- Tinggal satu langkah lagi yaitu membuat kode khusus yang nanti akan ditempatkan di halaman kontak.
- Masuk ke dashboard blogger buat halaman kontak pastikan mode penulisan aktif pada HTML jangan di mode Compose, lalu copy kode berikut di bawah ini dan publish.
<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>
Hasilnya seperti apa bisa Anda lihat pada contoh berikut Contact me. Bagaimana cukup mudah bukan cara membuat form kontak di blogger? Dengan membuat form kontak yang sudah di sediakan oleh blogger ini, kita tidak perlu merasa khawatir lagi akan terjadi error pada form kontak tersebut. Lain halnya jika membuat kontak form memakai jasa situs lain, kalau suatu saat server mereka down atau bahkan ditutup, berarti form kontak yang di pasang di blog juga akan mengalami error dan tidak akan berfungsi sebagaimana mestinya. Semoga tips ini bisa membantu.