Skip to content Skip to sidebar Skip to footer

Cara Mudah Membuat Contact Form Blogger Terbaru 2020


Contact Form merupakan salah satu menu elemen pendukung di dalam sebuah blog. Konon, menu tersebut menjadi salah satu syarat yang harus dipenuhi oleh seorang blogger ketika ingin melamar Google Adsense. Keberadaan Contact Form punya fungsi untuk menjembatani kepentingan antara pengunjung dengan pemilik blog. Interaksi pengunjung dengan pemilik blog melalui Contact Form sifatnya lebih pribadi. 

Pihak blogger sebenarnya sudah menyediakan menu ini dalam bentuk widget. Namun, karena letaknya dalam bentuk Widget di sidebar ini dianggap stardar dan kurang elegan banyak pengguna blogger yang menggunakan jasa pihak ketiga untuk memasang Contact Form.

Berikut ini dua metode yang mungkin bisa teman-teman aplikasikan untuk membuat Contact Form.

Cara pertama menggunakan jasa layanan dari 123formbuilder.com
1.       Silahkan kunjungi websitenya di sini.
2.       Tekan Create Form
3.       Kamu akan dihadapkan dengan tiga pilihan layanan. Pilih yang Free
4.       Akan muncul Form untuk membuat akun. Jika gak mau ribet buat akun, silahkan log in menggunakan akun gmail yang sudah terdaftar untuk blogmu dengan cara menekan tombol berlogo Google di sebelah kanan bawah.


5.      Selanjutnya akan muncul antar muka yang menampilkan daftar dan beberapa jenis form. Pilih Visitor Interaction Form. Sehingga muncul tampilan seperti gambar di bawah ini.


6.       Foto di atas merupakan demo form yang akan dipasang nanti. Kamu bisa melakukan kustomisasi kalimat di bagian header menggunakan bahasa Indonesia. Klik bagian header sampai muncul perintah Edit text di pojok kiri atas. Ganti judul header dan kalimat pengantar di bawahnya sesuai keinginanmu dengan sekreatif mungkin.

Umumnya Contact Form hanya terdiri dari tiga kotak isian, yaitu : Name, Email dan Message oleh karena itu isian untuk Phone dan Message subject bisa dihapus agar lebih efisien dan tidak merepotkan pengunjung blog.

7.      Caranya pilih kotak isian yang ingin dihapus sampai muncul tombol Delete di sebelah kiri. Lakukan hal yang sama untuk kotak isian Message Subject. Lihat gambar di bawah ini.


8.       Selanjutnya nonaktifkan juga kotak Verification atau reCAPTCHA. Caranya pilih kotak Verification, klik reCAPT….di sebelah kiri, pilih none. Lihat gambar di bawah.


9.       Setelah itu, tekan tombol Publish berwarna biru di pojok kanan atas. Pilih Embed > Javascript > Copy code. Code inilah nanti yang akan dipakai dan kita terapkan di blog.

TAHAP FINISHING.
10.   Log in ke blogger. Pilih Halaman > Halaman baru,
11.   Beri judul halaman terlebih dahulu. Misal : Contact atau Contact Us
12.   Ganti halaman ke mode HTML, dan paste/tempel code yang sudah kamu copy tadi. Jika sudah tekan tombol Publikasikan.  Selesai
Sekarang bisa kamu cek hasilnya.

Cara Kedua.
Jika cara di atas kamu anggap terlalu rumit dan panjang. Kamu bisa menggunakan Script yang saya dapatkan dari Mas Sugeng. Cukup dengan menyalin kode di bawah ini. Langkah-langkah pemasangannya sama persi dengan cara No.12 di atas.

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

Semoga tutorial ini bermafaat.
Terima kasih sudah berkunjung.

Mahfud
Mahfud Penggemar fanatik Naruto dan Dragon Ball. Suka ngopi dan buku-buku fiksi.

Post a Comment for "Cara Mudah Membuat Contact Form Blogger Terbaru 2020"