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.
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
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.
Post a Comment for "Cara Mudah Membuat Contact Form Blogger Terbaru 2020"