Cara membuat Contact US dengan Code html di blogger


 Cara membuat Contact Us dengan code html di blogger.

Apa itu Contact Us , Contact Us adalah kontak formasi yang berbentuk seperti via email , yang biasanya digunakan untuk melengkapi blog atau website .

Buka dasbor blogger.

Kunjungi tata letak : dan tambahkan widget baru . Lihat contoh seperti di bawah.!!
Cara membuatnya sangat mudah dan simpel , tidak perlu merubah Code html. lihat gambar  yang tertera di bawah.

Masuk tambahkan widget



Apa bila sudah masuk seperti gambar di atas , anda bisa pilih html/javascript , yang di beri tanda panah berwarna merah.

Masukkan Code html.

Masukkan Code html berikut di bawah ini .

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<i class="fa fa-user"></i> Name: <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:<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> Message:
<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>
<br /></form></div></div></div>

Lihat Code html yang tertera di atas , buka halaman blog anda , dan tambahkan widget Java scriptnya/ html di blog atau website , jangan lupa Klik' simpan , setelah di simpan anda bisa lihat perubahan yang terjadi , berikut di bawah ini 👇


Sekarang Contact Us sudah jadi , semoga tutorial ini bisa bermanfaat , terimakasih 

Caranya sangat mudah kan ...

0 Comments