Tuesday, April 21, 2015

Cara Membuat Halaman Contact Us Terbaru


Contoh Halaman Contact Us

BeST - Cara membuat Halaman Contact Us pada Blog. Halaman Contact Us yang ada pada sebuah halaman blog/website berguna untuk memudahkan pengunjung memberikan kritik dan saran, maupun ide yang ditujukan kepada pengelola (admin) blog/website tersebut. Selengkapnya tentang Halaman Contact Us.

Cara membuat halaman Contact Us pada blog / website
1. Masuk ke Dashboard Blog agan, Pilih Laman dan Buat Laman baru.
    Gunakan Metode HTML dan Copykan kode berikut ini
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Nama*&quot;;}" onfocus="if (this.value == &quot;Nama*&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Nama*" />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Email Valid*&quot;;}" onfocus="if (this.value == &quot;Email Valid*&quot;) {this.value = &quot;&quot;;}" size="50" type="text" value="Email Valid*" /><br />
Isi Pesan*<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" rows="10"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <input class="contact-form-button contact-form-button-submit" type="reset" value="Reset" />
<br />
<div style="max-width: 250px; 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>
<b>*</b><i>wajib diisi</i></div>
<style>
.contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
.contact-form-email-message {max-width: 450px; width: 100%;}
</style>

Gambarnya seperti ini

2. Pratinjau untuk melihat apakah tampilannya sudah benar
3. Jika sudah benar maka tinggal Publikasikan.

Terima Kasih. Semoga bermanfaat :)

0 komentar:

Post a Comment

Silahkan Berkomentar dengan baik dan benar :)
Komentar anda tidak akan di tampilkan jika:
1. Komentar tidak sesuai dengan topik posting
2. Menambahkan Link aktif atau link dalam berkomentar.
3. Nama/Url promosi !! Tidak menggunakan nama sebenarnya.