Cara Membuat Contact Form Blogger Untuk Pemula

Cara Membuat Contact Form Blogger Untuk Pemula - Contact form adalah sebuah halaman yang memugkinkan pengunjung untuk mengirimkan pesan ke pemilik website. Menambahkan halaman contact form di website atau blog itu sangat penting karena dengan seperti itu kita dapat langsung berinteraksi dengan pengunjung.;

Khususnya untuk para blogger yang sedang mengembangkan bisnis, wajib menambahkan halaman ini agar bisa mendapatkan peluang bisnis yang lebih besar. Ada banyak penyedia layanan contact form yang dapat dicoba, namun kebanyakan itu tidaklah gratis dan kita harus berlangganan atau menampilkan iklan dari mereka agar dapat menggunakan layanannya.

Tapi tidak usah khawatir, karena saya akan menjelaskan cara membuat contact form di blogger secara gratis dan ini sangat sederhana. Kalian cukup menyiapkan beberapa langkah saja agar dapat menggunakanya. Cara ini tidak membutuhkan plugin apapun, kalian cukup mengikuti cara dibawah ini.

Langsung saja berikut adalah cara buat contact form di blogger.

Pertama silahkan copy kode berikut ini: 

Ada pertanyaan atau ingin berkolaborasi? Jangan ragu untuk menghubungi kami melalui formulir di bawah ini. Kami akan berusaha membalas pesan Anda segera..
<div class="contact-form-container"> <form name="contact-form"> Nama <div class="col-75"> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> </div> Alamat Email <div class="col-75"> <input class="contact-form-name" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> </div> Isi Pesan <div class="col-75"> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> </div> <div class="row" style="float: left;"> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> </div> <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>

Buat halaman baru dengan nama contact form, atau nama lain seperti contact us, formulir kontak atau yang menurut kalian menarik. 

Kemudian pindah ke tampilan HTML lalu paste kode diatas lalu publikasikan. Langkah selanjutnya buka tata letak, lalu tambahkan gadget kemudian tambahkan Formulir Contact.

Langkah selanjutnya copy code berikut ini :

 

#ContactForm1{display:none;}
        

Buka Tema blogger kalian edit HTML dan paste kode tersebut tepat diatas kode ]]></b:skin> 

Langkah terakhir, silahkan kalian test kirim pesan contact form percobaan untuk mengetahui berhasil atau tidaknya pesan dikirim. 

Apabila berhasil mengirim pesan maka tampilanya seperti ini.

 

"Your Message Has Been Sent" apabila muncul keterangan seperti itu tandanya sudah berhasil, kalian bisa cek di inbok atau kotak masuk email blog kalian.

Share :