Cara Membuat Contact Form Dengan Mudah Kusus Pemula !

Selamat Datang DiBlog Kecil Saya ! Kali Ini Saya Akan Share Tutorial Cara Membuat Contact Form ! Dengan Mudah Sekali ! Karena Masih Banyak Blogger Pemula Yang Masih Banyak Belum Mengetahui HTML Maupun CSS | Jadi Saya Akan Memberikkan Tutorial Yang Mudah Dimengerti Agar Para Pemula Tidak Kebingungan Dalam Tutorial Ini Semoga Artikel Bermanfaat :D

1.Pertama Tama Pergi Ketata Letak
2.Lalu Tambahkan Gadget
3.Ada Tampilan Dibawah Ini Pilih Gadget Lalu Klik Formulir Kontak Lalu OK

4.Pergi Ke Menu Lalu Pilih Laman Dan Klik Laman Baru Seperti SS Dibawah !!

5. Pasang Kode Dibawah Ini Pada Kerangka HTML

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<i class="fa fa-user"></i> Nama: &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
        <br />
<br />
<i class="fa fa-envelope-o"></i> E-mail: &nbsp; &nbsp; &nbsp; &nbsp;<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
        <br />
<br />
<i class="fa fa-pencil-square-o"></i> Pesan: &nbsp; &nbsp;&nbsp;<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
        <br />
<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>
</form>
</div>
</div>
</div>

NB : Silahkan Bertanya Tentang Artikel Diatas Jika Ke Bingugan Blogger NEW BIE

         Jika Ingin Mengecek Terkirim Atau Tidaknnya Klik www.gmail.com Bagian Social

Sekian Tentang Cara Membuat Contact Form Dengan Mudah Kusus Pemula ! Semoga Bermanfaat !

Tweet

Subscribe to receive free email updates: