Cara Membuat Contact Form Untuk Template Vmagz

Demo    Mei 26, 2020    Blogger , HTML    Comment   

Lapakinfo.net - Pada kesempatan ini saya akan membagikan tutorial tentang Cara Membuat Contact Form Untuk Template Viomagz dengan mudah, Contact Form ialah sebuah halaman statis yang berisi tentang form kontak yang fungsinya untuk mempermudah pengunjung untuk menghubungi pemilik blog atau author blog tersebut. Contact Form ini sangat penting untuk kalian pemilik blog apalagi jika kalian mau mendaftar untuk Adsense, karena Contact Form ini salah satu syarat wajib untuk keterima sama Google Adsense.

Selain fungsi di atas dengan memasang Contact Form pada halaman statis blog kalian, masih banyak fungsi - fungi yang lainnya seperti :

1. Pengunjung yang mau pasang iklan
2. Pengunjung yang mau kerja sama
3. Pengunjung yang mau Guest Post
4. Dan masih banyak lagi

Itulah beberapa alasan kenapa kita harus memasang Contact Form pada halaman statis blog kita.

Cara Membuat Contact Form Untuk Template Viomagz

1. Buka Blog kalian.
2. Pilih Halaman.
3. Buat Halaman Baru dan buatlah judulnya contoh "Contact Form" atau "hubungi kami" lalu pindah ke Mode HTML.
4. Salin kode di bawah ini lalu templkan pada Mode HTML tersebut.

<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> 

5. Publish halaman kalian dan selesai.
6. Tempel link halaman tersebut pada Menu Footer atau Menu Navigasi di blog kalian.

• Demo

Bagimana sangat mudah bukan untuk tutorial tentang Cara Membuat Contact Form Untuk Template Viomagz, jika kalian mempunyai pertanyaan seputar Blogger atau template Viomagz silahkan kalian bertanya melalui kolom komentar di bawah ini. Semoga bermanfaat dan terimakasih sudah berkunjung.