Cara Membuat Form Kontak Blogger

Artikel kali ini saya akan sedikit berbagi tutorial mengenai bagaimana cara membuat form kontak blogger.

Berikut saya akan menggunakan form kontak dari sebuah template blogger rasa freemium yakni JetTheme. Sedikit penjelasan, form kontak ini merupakan salah satu bagian terpenting pada website atau blog.

Salah satu fungsinya yakni sebagai sarana komunikasi antara pengunjung website atau blog yang ditujukan kepada admin blog atau website tersebut. Salah satu contoh misalnya, sebagai sarana bisnis atau hal yang terkait pertanyaan dalam artikel dan lain-lain.

Berikut cara memasang form kontak blogger dari JetTheme.

• Buat halaman/page baru
• Isi judul halaman yang sobat buat sebelumnya
• Salin kode dibawah ini
• Lalu, pastekan kode tersebut kedalam post pada mode HTML

<form class="contact-form-blogger">
  <div class="contact-form-wrap row">
    <div class="col-md-6 mb-3">
      <label class="form-label fs-7 fw-bold">Your Name</label>
      <input class="form-control bg-transparent jt-border-light text-reset" id="field-name" name="name" required="" type="text" />
    </div>
    <div class="col-md-6 mb-3">
      <label class="form-label fs-7 fw-bold">Email Address</label>
      <input class="form-control bg-transparent jt-border-light text-reset" id="field-email" name="email" required="" type="email" />
    </div>
    <div class="col-12 mb-3">
      <label class="form-label fs-7 fw-bold">Message</label>
      <textarea class="form-control bg-transparent jt-border-light text-reset" id="field-message" name="message" required="" rows="3"></textarea>
    </div>
    <div class="col-12 mb-3">
      <button class="btn btn-sm fw-bold py-2 px-5 jt-btn-primary" type="submit">SEND</button>
    </div>
  </div>
  <div class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7" data-error="Message failed to send. Please try again an hour later." data-success="Thank you message sent successfully.">
  </div>
</form>

• Selesai. SAVE lalu publish

Perlu diketahui. Form kontak ini hanya bisa digunakan oleh pengguna template jetTheme saja.

Baiklah sobat, demikian artikel mengenai bagaimana cara membuat form kontak di blogger. Semoga berguna dan bermanfaat.

Tweet