Cara Mudah Membuat Form Contact Us Blog

Membuat halaman contact us didalam blog - Fungsi utama dari contact us dari sebuah blog adalah halaman khusus yang diberikan sebuah blog untuk memudahkan pengunjung menghubungi pemilik blog secara langsung melalui kotak formulir yang telah disediakan. Misalkan pengunjung ingin bertanya, memberikan Anda ide, saran dan kritik untuk blog Anda, maka mereka bisa mengirimkan melalui kotak atau formulir yang disediakan didalam halaman contact blog Anda.




Penting atau tidaknya halaman ini tergantung pada Anda sendiri, bagi blog yang memiliki banyak visitor, saya kira hal ini sangat penting sekali. Blogger sendiri sudah menyediakan widget contact us. Sayangnya widget ini hanya bisa ditempelkan didalam layout. Jadi Anda tidak bisa menempelkan didalam halaman khusus blog.

Cara memasang Widget Contact us di blog
1. Login ke blog Anda
2. Pilih Tata Letak atau Layout
3. Kemudian pilih Add a Gadget, kemudian pilih More gadgets lalu pilih Contact Form


4. Setelah itu pilih Simpan

2. Kemudian pilih Page atau Laman kemudian pilih Laman Baru



3. Buat Judul Laman Baru sesuai selera Anda contoh : Contact us atau Hubungi kami
Buatlah kata kata sebelum kotak formulir Contact us tersebut. Mungkin Anda bisa menambahkan kata kata "Apabila ada yang ingin ditanyakan atau ide serta saran yang membangun blog ini silahkan kirim email Anda melalui formulir dibawah ini."

4. Ubah settingan dalam bentuk HTML (Bukan bentuk compose)

5. Copy kode berikut ini kemudian pastekan didalam bentuk HTML bukan dalam bentuk compose :

<center>

<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="" /> <br />

<div>

Your Email: <em>(required)</em></div>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br />

<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> <br />

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br />

<div style="max-width: 450px; 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>

</form>

6. Setelah itu cobalah untuk publish atau publikasikan contact form yang sudah Anda buat tadi. Apa muncul dihalaman tersebut, mungkin tampilannya akan berbeda dengan tampilan blog saya. Tapi tampilannya kurang lebih akan seperti ini.

Mungkin cukup sekian Cara membuat halaman contact us yang bisa saya share. Di internet sudah banyak kode contact us yang bisa Anda gunakan untuk dipasang dihalaman contact blog Anda. Tapi cara yang digunakan pasti sama. Nice Share.