Khusus untuk platform Blogger, membuat halaman kontak cukup mudah dengan menggunakan widget contact form yang bisa kita tambahkan pada tata letak. Namun pada tutorial kali ini, kita akan membuat kontak form menjadi halaman kontak yang dibuat tersendiri.
Baca Juga : CARA MEMASANG META TAG DESKRIPSI DI BLOG
Berikut tutorial yang bisa kamu ikuti untuk membuat laman kontak di blog kamu.
Cara Mudah Membuat Halaman Kontak di Blog
#Pertama, pada Dashboard blogger klik menu Tata Letak lalu Tambahkan Gadget dimana saja.
#Kedua, pada halaman Tambahkan Gadget pilih Gadget Lainnya dan pilih Formulir Kontak lalu klik Simpan Setelan.
#Ketiga, pergi ke Laman pada menu kiri dan buat halaman baru. Setelah itu tambahkan kode berikut pada mode HTML.
<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>
#Keempat, setelah membuat laman kontak kita kembali ke Dashboard dan pergi ke menu Template >> Edit HTML kemudian lompat ke Widget ContactForm1. Setelah itu Hapus kode diantara <b:includable id='main'> dan </b:includable> dalam widget ContactForm1 (pastikan melalkukannya dengan teliti).
#Kelima, cari kode ]]></b:skin> kemudian tambahkan kode CSS berikut di atas kode ]]></b:skin>. Simpan template dan kamu tinggal mengeceknya dengan membuka url halaman kontak yang kamu buat tadi.
Catatan:
- Lakukan lima langkat tadi dengan benar.
- Jika masih ada kesalahan, silahkan berkomentar.
Itulah tutorial Cara mudah membuat laman kontak di blog yang kami peroleh dari sumber yang tertera dibawah. Terima kasih telah berkunjung ke situs kami. Kunjungi terus untuk mendapatkan informasi seputar tutorial terbaru dan terupdate di Share Tutor Gan!!.
Sumber: www.nulis-ilmu.com