Cara Membuat Halaman Kontak

Pada Blog akan lebih baik jika dibuatkan halaman khusus buat Kontak,siapa tahu mungkin ada pembaca yang ingin menanyakan sesuatu yang bersifat privat kepada yang punya blog.

Yang mana halaman kontak ini biasanya para blogger kebanyakan menggunakan alamat e-mail daripada menggunakan Handphone termasuk saya sendiri.

Halaman kontak ini biasanya dibuat pada halaman terpisah maksudnya dibuat pada halaman statis,yang mana biasanya berada di bagian / dimasukan kedalam Menutab,contohnya seperti pada blog saya ini.

Langkah Pembuatan Halaman Kontak

Cerita sedikit mengenai halaman kontak ini sebelum ke cara pembuatannya,sebenarnya halaman kontak ini sudah disediakan oleh blogger sendiri,pihak blogger menyediakan di widget jadi untuk membuat nya hanya menambahkan widget disana kita pilih ada yang namanya Contact Form.

Nah disini kita hanya memindahkan dari widget ke halaman statis/Halaman Page,jadi kita bisa menempatkan halaman kontak pada menutab.

Baiklah sekarang ke cara pembuatannya,pertama pada dashboard blog kita pilih layout/tataletak,kemudian pilih add gadget,dibawah ini saya captur mungkin akan lebih jelas

Gambar diatas merupakan langkah-langkah penambahan untuk kontak form,setelah kita pilih Contact Formnya pasti akan muncul pada sidebar,lebih baik kita test dulu berfungsi atau tidaknya kontak form,coba test isi kontak form kemudian submit/send,kemudian kita cek pada email apakah ada masuk hasil test kita,kalau berhasil masuk kita lanjut ke langkah selanjutnya.

Untuk langkah selanjutnya kita coba sembunyikan kontak form nya dari sidebar caranya kita kembali ke halaman Edit HTML,kita cari kode 

]]></b:skin>

Kemudian kita tambahkan kode dibawah ini diatasnya kode ]]></b:skin>

#ContactForm1 {
  display: none;
} 

Fungsi kode tersebut adalah supaya widget contact form yang ditambahkan tadi untuk tidak tampilkan,karena kita akan memindahkan kontak tersebut ke halaman statis/halaman page.

Selanjutnya kita tambahkan halaman baru pada dashboard setelah kita buat halaman baru coba masukan kode ini

<div class="form">
<h2 class="title">
CONTACT</h2>
<form name="contact-form">
Name :
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-mail* ( Wajib untuk di isi ) :
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Message* ( Wajib untuk di isi ) :
<textarea cols="30" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div> 

Setelah dimasukan kode diatas coba klik tombol preview/pratinjau,kalau sudah tampil persis dengan contact form pada waktu penambahan di widget sebelum disembunyikan lanjut klik tombol publish.Selanjutnya pada dashboard pilih Layout,kemudian pada Pages coba klik edit dan tambahkan Kontak form tadi dengan menceklist dan di save/disimpan.

Terakhir cobalah test lagi apakah terkirim pesan ke email.

Demikianlah cara membuat kontak form,semoga berhasil.

Salam Blogger.