Blogger Jateng

Cara Membuat Form Kontak di Blogspot

Cara Membuat Form Kontak di Blogspot

SITLOKER.BIZ.ID, Situs Lowongan Kerja Terpercaya - Tata Cara Membuat Form Kontak di Blogspot yang masih banyak yang belum memahaminya.

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.

  • Pertama Login ke “Blogger” > Kemudian 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…

Post a Comment for "Cara Membuat Form Kontak di Blogspot"