Cara Menciptakan Halaman Kontak Kami Di Blogger

Halaman kontak dalam sebuah blog yaitu salah satu kelengkapan sebuah blog, halaman kontak nantinya sanggup dipakai sebagai sebuah kritik dan saran terhadap sebuah kepuasan pengunjung blog terhadap blog itu sendiri supaya kita sebagai admin sanggup menigkatkan apa yang di inginkan pengunjung atau sanggup juga dipakai sebagai alat komunikasi pengunjung yang ingin menanyakan tanpa di publikasikan.

Khusus untuk blog dengan platform blogger atau blogspot kita sanggup menciptakan halaman kontak dengan cukup gampang memakai widget kontak form. Sebetulnya widget kontak form ini sanggup ditaruh dimana saja sebagai widget menyerupai disamping atau dibawah, namun kebanyakan blogger menginginkan halaman kontak yang dibentuk tersendiri.

Berikut ini step by step menciptakan halaman kontak pada blogger memakai widget kontak form :

1. Pilih Tata Letak pada sajian kiri kemudian Tambahkan Gadget disembarang lokasi (bebas).

Halaman kontak dalam sebuah blog yaitu salah satu kelengkapan sebuah blog Cara Membuat Halaman Kontak Kami di Blogger

2. Pada halaman Tambahkan Gadget pilih Gadget Lainnya Lalu pilih Formulir Kontak.

3. Simpan tata letak dengan pilih Simpan Setelan.

4. Buat halaman gres dengan cara klik sajian Laman kemudian pilih Laman Baru.

5. Isi Laman gres dengan isyarat berikut :

<form name="contact-form">
<p></p>
Nama
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text">
<p></p>
Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>

6. Berikut ini tumpuan tampilan isyarat html halaman kontak kami.

7. Atur opsi jangan ijinkan komentar kemudian Publikasikan halaman.
8. Pilih Menu Template lalu pilih Edit HTML.

Baca Juga

9. Pilih Lompat ke Widget ContactForm1.

10. Hapus isyarat diantara <b:includable id='main'> dan </b:includable> didalam widget ContactForm1

11. Jika benar akan tampil menyerupai ini:

12. Cari isyarat ]]></b:skin> kemudian tambahkan isyarat dibawah ini sempurna diatas isyarat ]]></b:skin>.

.contact-form-name, .contact-form-email { max-width: 200px; width: 100%; } .contact-form-email-message { max-width: 400px; width: 100%; height: 150px; }

13. Perhatikan tumpuan berikut ini :

14. Simpan template dan halaman kontak kami telah berhasil dibuat.

15. Selanjutnya tinggal menambahkan link ke halaman Kontak kami pada sajian dan selesai.

Bagimana cukup bingungkah, prosesnya memang tidak mengecewakan panjang tetapi kalau ingin yang mudah tinggal pakai saja widget yang sudah jadi nanti akan aku bahas di postingan berikutnya. Semoga tutorial ini sanggup membantu dan bermanfaat.

Sumber https://www.rdytea.com/

NginfoinDroid

Cara Menciptakan Halaman Kontak Kami Di Blogger

Menu Halaman Statis