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.

Cara Mudah Membuat Form Contact Us Blog


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

Cara Mudah Membuat Form Contact Us Blog

4. Setelah itu pilih Simpan
Demikian cara memasang widget Contact us pada blog. Jika Anda ingin memasang didalam halaman khusus blog Anda. Anda hanya perlu copy kode script saja dalam bentuk HTML. Berikut ini cara membuat halaman Contact us di dalam blog.

Cara Membuat Halaman Contact us Halaman Blog
1. Login ke Blogger Anda, 
2. Kemudian pilih Page atau Laman kemudian pilih Laman Baru


Cara Mudah Membuat Form Contact Us Blog

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)

Cara Mudah Membuat Form Contact Us Blog

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.

Cara Mudah Membuat Form Contact Us Blog

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.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel