Cara Mengonfigurasi Fitur Halaman Kontak

September 07, 2024

by Developers at Gila Temax

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.
Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
Selesai

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.