Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Memasang Form Kontak di Halaman Statis

 

Cara Memasang Form Kontak di Halaman Statis

UPDATE 26 JULI 2022: Kode form kontak di bawah sudah tidak berfungsi.

Bagi sobat yang ingin menampilakan form kontak di halaman statis template, silakan ikuti langkah-langkahnya di bawah ini.

Form kontak ini hanya bisa dipasang di halaman statis, tidak bisa dipasang di postingan atau di tempat lain.

Ok, langsung saja.

  • Pertama Login ke “Blogger” > Masuk ke menu “Halaman
  • Buat Halaman statis baru dengan mengklik tombol “Halaman baru
  • Penting! Masukan judul terlebih dahulu. Isi judul dengan “Kontak” “Kontak Saya” atau sesuai keinginan.
  • Pada bagian editor konten, pilih mode HTML, setelah masukan kode ini :
<div class="contact-form-widget"> <form name="contact-form"> <span class="ctitles">Nama :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> <span class="ctitles">Alamat Email <span class="swajib">*</span> :</span> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> <span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </form> </div> <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> 
  • Terakhir klik “Publikasikan
  • Selasai…

 

Sumber :  https://sugeng.id/panduan/

Posting Komentar untuk "Cara Memasang Form Kontak di Halaman Statis"