Membuat halaman contact dengan contact form sederhanaOk sobat seocips. Berikut ini seocips.com akan membagikan tentang cara membuat Contact Form atau cara membuat Contact US di Blog Blogger. Mengapa saya katakan sederhana? karena untuk memasangnya kita tidak perlu mendaftar ke website pihak ketiga ( yang kadang kala widgetnya ada iklannya dan link yang keluar ) tapi kita akan menggunakan widget yang telah disediakan oleh pihak Blogger.

Memasang ini di blog merupakan salah satu bagian yang penting dan berfungsi sebagai media korenspondensi formal dan personal. Meskipun sudah ada banyak media lain, namun halaman kontak menjadi pilihan karena menjaga privacy bagi kedua belah pihak, yaitu pemilik blog/website dan visitor/customer.

Saya telah merasakan banyak manfaat dari penggunaan Contact Form ini, untuk visitor yang menggunakan Contact us ini biasanya untuk menanyakan beberapa hal, bertanya tentang memasang iklan, tips-tricks blog, dan lain-lain.

Membuat Contact Form di Blog


Contact form sangatlah penting untuk seocips maupun para pembaca karena jika mereka ingin menyampaikan sesuatu kepada pemiliki blog mereka dapat menghubungi kita menggunakan widget ini. Biasanya contact form diberi judul "Hubungi Kami" atau "Contact Us" dan disediakan oleh Blogger hanya bisa digunakan untuk widget blog, tapi dengan tutorial ini maka kita dapat memasangnya ke halaman blog kita.

Memasang Widget Contact Form

Kita harus menambahkan widget contact form kedalam halaman yang kita buat. Caranya, buka halaman layout > Add gadget > Contact Form. Letakkan di sembarang tempat.

Cara Membuat Contact Form Sederhana di Blogger


Kemudian cari kode seperti dibawah ini dan hapus pada beberapa bagian dan sisakan seperti dibawah ini ( tulisan "hapus bagian ini" itu dihapus juga yah )
  <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
Hapus bagian ini
</b:includable>
  </b:widget>
</b:section>
Nah sekarang simpan template anda.

Membuat Halaman Contact US

Sekarang lanjutkan untuk membuat halaman "Contact us". Silahkan menuju ke bagian laman kemudian buat laman baru atau bisa juga membuat postingan baru. Terserah sobat mau memilih yang mana. Jika sudah siap letakan kode dibawah ini dengan mode  HTML ( sebelahnya compose ) ke dalam halaman anda.
<div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>Name<p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>E-mail *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>Message *</p>
        <textarea class='contact-form-email-message' cols='25' 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='Submit'/>
        <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>
      </form>
    </div>
  </div>
</div>
Nah jika anda ingin menambahkan tulisan anda sebelum atau sesudah widget ini silahkan saja, tulis dalam mode compose juga tidak apa-apa. Jika semua persiapan telah selesai tinggal publikasikan saja dan lihat hasilnya. Jika berhasil kemungkinan besar akan seperti dibawah ini:


Memang widget diatas tampilannya sederhan banget, tapi cukuplah menurut saya. Anda dapat mengujicobanya dengan mengirimakan pesan ke email anda sendiri.
18 Komentar untuk "Cara Membuat Contact Form Sederhana di Blogger"

keren bos semoga saya menambahkan dengan contact form nya benar

ok gan semoga berhasil menambahakan widget cotact formnya.. (o)

nanti pesan masuk nya itu dimana bos , kita buka atau mau melihat pesan masuknya di bagian apa boss

Pesannya akan masuk ke emailnya sobat, kalau gak salah dibagian sosial.., syaratnya widget ini harus terpasang di blognya sobat, kalau di blog aku otomatis pesannya masuk ke email saya. :)

Simple tapi keren ...
kayaknya ini yang aku cari ...
makasih ya gan, mau tak coba ke blog aku lainnya.

Yapp.. mau ditanya akhirnya terjawab sudah.
Soalnya nih mas gak ada input email loh hehe

Makasih mas.. Sederhana itu lebih ^_^

Iya gan, sederhana soalnya di hasilnya mungkin lebih sederhana dari demonya, karena demonya sudah di edit sedikit. Biar lebih keren sobat bisa modif contact formnya misalnya menambahkan bayangan, border dan lain sebagainya.

Wah untunglah jika ini yang sobat cari. Silahkan di coba.

saya mau nya kalau diclick "Contact US" nanti bakalan turun dari atas contact us nya, itu gimana yak? mohon bantuannya

sudah saya pasang mas, sabagai percobaan coba mas brando kontak saya apakah kontak saya berfungsi atau tidak ?

gpangky.blogspot.com

tadi komeng di contac us.. padahal mau kesini komengnya.. mangap komengnya nyasar kesini mbah..

bisa juga akhirnya thanks ya

kk saya izin mau coba ilmunya...

gan, nanti ketika dipasang di blog, pesan yang masuk ke form kan terlihat di email agan atau email saya?

Kalau contact formnya di pasang di blog, pesan yang masuk ke form akan otomatis ke email pemilik blog.

wah simple dan cepat nih gan ga perlu daftar daftar lagi di situs. makasih gan