![]() |
Contact Form Blogger Tidak Berfungsi? - Kali ini saya akan membahas cara memperbaiki halaman contact form blogger yang tidak berfungsi saat mengirim pesan atau terjadi error.
Pada mulanya saya ingin mengirim pesan kesesama blogger lain melalui halaman contact form untuk bertanya terkait program partner blogger yang mereka sediakan. Tapi ketika saya klik tombol kirim hampir sebagian dari formulir kontak gagal mengirim pesan selalu sending.
Ternyata termasuk halaman kontak inputekno yang juga error tidak dapat mengirim pesan ketika saya tes. Karena penasaran saya searching dan ternyata memang ada beberapa masalah penyebab formulir kontak blogger tidak bisa mengirim pesan.
Table of Contents
Penyebab Formulir Kontak Blogger Tidak Berfungsi
Dari hasil penelusuran saya di google, penyebab formulir kontak blogger tidak dapat mengirim pesan dikarenakan update terbaru JS Blogger yang menggunakan token akses.
Hal tersebut berdampak pada formulir kontak blog yang menggunakan custom template blogger dan menonaktifkan fungsi javascript widgets.js blogger atau tidak menyertakan widget build Blogger.
Memperbaiki Formulir Kontak Blogger
Ada beberapa solusi untuk memperbaiki formulir kontak blogger yang tidak bisa digunakan tersebut, yaitu mengaktifkan fungsi default widget.js atau menggunakan layanan formulir pihak ketiga.
Solusi 1: Megaktifkan Fungsi Javascript widget.js Blogger
- Pertama, silakan login ke blogger.com
- Edit halaman kontak kamu, lalu hapus js formulir kontak di dalamnya
- Kemudian Klik 'Perbarui'
- Lanjut pada dashboard blogger, klik menu 'Tata Letak'
- Lalu Klik 'Tambahkan Gadget', bebas mau dimana aja
- Pilih 'Formulir Kontak' dan Klik Simpan



Langkah berikutnya masuk pada bagian Menu Edit HTML, disini kita akan mengaktifkan fungsi Javascript widget.js Blogger sekaligus menyembunyikan formulir kontak pada tampilan tata letak yang tadi ditambahkan.
- Pada dashboard blogger, klik menu 'TEMA'
- Klik 'Tanda Panah Bawah', lalu Klik 'EDIT HTML'
- Cari kode
<!--</body>--></body>
ubah menjadi</body>
- Selanjutnya cari kode
ContactForm1
- Di bawah kode ContactForm1 terdapat kode
<b:include name='content'/>
- Tambhakan CSS berikut tepat di bawahnya, seperti ini
- Jika sudah klik 'SIMPAN'
/* ubah kode ini */ <!--</body>--></body> /* menjadi */ </body>

/* Sebelumnya */ <b:include name='widget-title'/> <b:include name='content'/> </b:includable> /* menjadi */ <b:include name='widget-title'/> <b:include name='content'/> <style type='text/css'> #ContactForm1{display:none;} </style> </b:includable>
Fungsi CSS tersebut adalah untuk menyembunyikan formulir kontak yang di tampilkan pada tata letak, karena dalam kasus ini kita akan tetap menggunakan formulir kontak blogger yang ada pada halaman statis.
Solusi 2: Menggunakan Layanan Pihak Ketiga
Solusi kedua adalah menggunakan layanan formulir kontak pihak ketiga, ada banyak layanan pihak ketiga untuk membuat formulir kontak gratis.
Seperti Google Formulir atau Jotform yang bisa digunakan untuk membuat contact form blogger yang kemudian disematkan kedalam halaman blog.
Atau kamu bisa membuat contact form sendiri agar terlihat lebih rapih dan profesional, seperti halaman formulir kontak dengan reCaptcha dan Upload File yang pernah saya bagikan sebelumnya.
Penutup
Nah itu tadi Cara Mengatasi Contact Form Blogger Tidak Berfungsi. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan tips ini.