Membuat Halaman Contact Us
Contact Us atau Hubungi Kami merupakan Contact Form atau format isian pada sebuah blog agar pengunjung mudah menghubungi pemilik blog. Agar blog lebih profesional, maka sangat penting untuk mencantumkan sebuak form isian untuk pengunjung blog agar mereka mudah memberikan informasi kepada admin. Biasanya Contact form ini disimpan di bagian bawah atau atas judul blog.
Kebanyakan contact form ini diberi label dengan nama "Contact Us" atau "Hubungi Kami". Dalam contact form ini, pengunjung blog bisa menghubungi admin secara pribadi. Tidak sedikit pengunjung blog yang tidak mau komentarnya di publikasikan, maka contact form ini sangat membantu mereka.
Jadi intinya Contact Us atau Hubungi Kami merupakan jalaur khusus untuk menghubungi admin atau pemilik blog dengan cepat. Untuk melihat contoh dari contact form bisa di klik link di bawah ini:
Contoh Contact Form
Jika tertarik untuk membuat contack form tersebut, bisa anda ikuti langkah - langkah di bawah ini:
- Masuk ke link FOXYFORM.COM
- Seting tampilan Contact Form pada menu yang tersedia (setelan defaulnya juga sangat menarik tidak perlu di rubah).
- Isikan alamat e-mail.
- Pilih Kode Captcha.
- Klik "Create Formular"
- Copy paste script yang muncul
- Buka blog dan buat halaman baru.
- Paste script yang tadi pada menu HTML hlaman baru tersebut.
- Simpan halaman tersebut.
Jika dengan cara di atas tidak berjalan, maka bisa dicoba dengan cara yang kedua yaitu dengna cara copy script di bawah ini dan paste pada halaman HTML seperti cara di atas.
<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>
</center>
</form>
<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>
</center>
</form>
Demikian cara membuat Contact Us/Hubungi Kami pada halaman blog.
No comments:
Post a Comment