Cara Mengonfigurasi Fitur Halaman Kontak
Smallest Font
Largest Font
Kode HTML Halaman Kontak
-
Masuk ke Dashboard Blogger > pilih menu Halaman.
-
Buat HALAMAN BARU
-
Pada kolom Judul isi dengan
Contact
/Kontak
. -
Pilih mode Tampilan HTML.
-
Pada kolom code editor isi dengan kode di bawah ini:
<div class="contact_form email"> <form> <div class="cf_name"> <div class="text_field outlined"> <label> <input placeholder=" " required="" type="text"> <span>Name</span> </label> </div> </div> <div class="cf_email"> <div class="text_field outlined"> <label> <input placeholder=" " required="" type="email"> <span>Email</span> </label> </div> </div> <div class="cf_subject"> <div class="text_field outlined"> <label> <input placeholder=" " required="" type="text"> <span>Subject</span> </label> </div> </div> <div class="cf_message"> <div class="textarea outlined"> <textarea cols="25" placeholder=" " required="" resize="horizontal" rows="5"></textarea> <label>Message</label> </div> </div> <div class="cf_button"> <button aria-label="Send Button" class="elementskit_button small filled fwm" type="submit">Submit</button> </div> </form> </div>
-
Terakhir klik tombol Publikasikan.
- Selesai
Cara Mengonfigurasi Halaman Kontak
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul Settings.
-
Klik tombol edit (ikon pensil) di Gadget HTML/JavaScript.
-
Akan muncul pop up konfigurasi Widget.
-
Klik pada bagian switch button untuk menampilkan widget.
-
Pada kolom Judul, biarkan pengaturan tetap pada nilai default.
-
Pada kolom Konten, cari bagian kode // Contact Form.
- Atur alamat email pada bagian var emailTujuan, contoh:
yourmail@gmail.com
. - Atur pesan pada bagian var pesanDikirimDari, contoh:
This email was sent via : https://spacebackui.gilatemax.com/p/contact.html
.
- Atur alamat email pada bagian var emailTujuan, contoh:
-
Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
- Selesai