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 :)

demikianlah artikel tentang Cara Membuat Halaman Contact Us Terbaru. Semoga bermanfaat untuk Anda. Jika ada hal yang ingin ditanyakan, silahkan berkomentar. Dan jika Anda menyukai artikel ini, silahkan klik tombol share di bawah. Terima kasih..! ;)