Bagi sobat yang ingin menampilakan form kontak di halaman statis template VioMagz dan template toko online VioToko, 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…