Kontak Form di dalam Halaman Blog

Halaman kontak pada suatu blog, merupakan hal yang penting sebagai sarana interaksi antara blogger dengan pembacanya(pengunjung).

Nah, saat ini saya akan share tentang cara membuat halaman kontak dengan cara yang sangat mudah, dan pesan yang dikirim pembaca akan langsung kita terima di email kita (yang terdaftar di akun blogger). Artikel ini saya dapat dari hasil Googling dan bertemu dengan blog opoes-on.blogspot.com. Halaman kontak ini memanfaatkan widget yang terdapat di Blogger tersebut. Caranya cukup mudah dan tidak memerlukan lagi fasilitas pihak ketiga, langsung saja simak cara memasang kontak di halaman blogger.

Ikuti langkah-langkah dibawah ini:

Pasang dahulu Widget Form dari Blogger ke sidebar blogspot sahabat. Jika belum tahu, lihat caranya Memasang Widget Form Kontak di Blogger.
Buat sebuah halaman kosong,
Kemudian copy paste kode dibawah ini, tapi sebelum paste, rubahlah mode penulisan ke 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>

Sekarang halaman kontak sudah bisa digunakan sepenuhnya. Sangat mudah dan simpel bukan? Akan tetapi form kontak di sidebar masih terlihat, jadi harus disembunyikan.

Cara menyembunyikan form kontak di sidebar.

Masuk ke bagian template - edit HTML, dan cari kode seperti gambar dibawah ini.

Kemudian hapus bagian yang diblok tersebut, sehingga menjadi seperti gambar dibawah ini.

Setelah selesai, klik simpan Temlate
Penting! Jangan sampai menghapus widget yang ada di bagian Layout, jadi biarkanlah tetap ada dalam layout supaya form kontak yang ada dihalaman kontak yang sudah sahabat buat tidak hilang.

Moga bermanfaat!

Link: http://opoes-on.blogspot.com/2013/07/membuat-halaman-kontak-di-blogger.html#ixzz2xAXM4JQq