1919Live
Mode Gelap
Artikel teks besar
Ruang berbagi dan informasi

Tulis ceritamu

Cara Memasang Form Kontak di Halaman Statis

Panduan

 

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
!DOCTYPE html> W3.CSS Template W3.CSS