Cara Membuat Form Contact Us (kontak Kami) di Blog

Cara Membuat Form Contact Us (kontak Kami) di Blog - Keberadaan form kontak sangat penting karena merupakan cara komunikasi dari para pembaca ke pemilik blog dengan tujuan menyampaikan pesan, kritik atau hal lain yang di pertanyakan mengenai postingan yang ada di blog tersebut sehingga hal ini dapat meningkatkan kepercayaan pembaca kepada pemilik Blog.

Bagi Anda yang sedang mencari dan kebingungan untuk membuat kontak blogger, ini adalah cara yang tepat dan mudah untuk membuatnya tanpa script yang panjang.

Berikut adalah langkah pembuatannya:

Cara Membuat Form Contact Us (kontak Kami) di Blog

1. Menambah kolom Widget di blog Anda dengan cara buka halaman Layout  >> Add Gadget >> Contact Form dan Simpan, silahkan Anda letakan sembarang tempat.

2. Setelah Anda berhasil menambahkan widget contact, selanjutnya buka Template Anda Kemudian Cari kode Kontak form yang baru saja kita buat dan hapus kode tersebut

Kode ini di Hapus

3. Langkah selanjutnya adalah buat halaman kosong, masuk ke Menu Laman buat Laman kosong baru

4. Dalam Editor Pilih mode HTML dan copy-paste kode dibawah ini :

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<i class="fa fa-user"></i> Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
        <br />
<br />
<i class="fa fa-envelope-o"></i> E-mail:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
        <br />
<br />
<i class="fa fa-pencil-square-o"></i> Message:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
        <br />
<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>
<br /></form>

5. Selanjutnya Publikasikan dan selesai sudah anda membuat kontak Form

Semoga artikel ini bermanfaat dan dapat menambah wawasan kita semua

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: