TpWiTUr5TfOiGUCpGfr0TpWp
Light Dark
Kode Membuat Formulir Kontak di Blogger Responsive dan Cara Memasang di Halaman Gratis

Kode Membuat Formulir Kontak di Blogger Responsive dan Cara Memasang di Halaman Gratis

Panduan cara membuat folmulir kontak di halaman blog blogger dengan mudah tanpa coding
Daftar Isi
×
Formulir kontak Blogger adalah fitur yang digunakan pengunjung blog untuk mengirimkan pesan langsung kepada pemilik blog. Biasanya, formulir ini digunakan untuk menerima umpan balik, pertanyaan, saran, atau bahkan peluang kolaborasi dari pembaca. Formulir kontak dapat ditambahkan di blog dengan menggunakan widget atau melalui kode HTML pada Halaman blogger.

Namun, beberapa pengguna Blogger mungkin menghadapi masalah ketika formulir kontak tidak berfungsi dengan baik, seperti tidak bisa mengirimkan pesan atau tampil dengan kesalahan. Jika Anda mengalami masalah ini, ada berbagai solusi yang bisa dicoba, seperti menggunakan layanan pihak ketiga seperti Formsubmit.co, yang memungkinkan Anda membuat formulir kontak yang bekerja dengan baik tanpa memerlukan pengaturan rumit.

Alasan Formulir Kontak Blogger Tidak Bisa Digunakan Lagi

Formulir kontak di Blogger mungkin tidak berfungsi lagi karena beberapa alasan, seperti perubahan kebijakan privasi atau keamanan, serta pembaruan sistem yang menambahkan akses token baru setiap kali pengiriman formulir. Hal ini menyulitkan developer template yang tidak menggunakan JS bundle asli dari Blogger untuk mengintegrasikan sistem baru tersebut. Jika template Anda masih menggunakan JS bundle asli, seharusnya tidak ada masalah dengan formulir kontak.

Alternatif Membuat Formulir Kontak Blogger

Untuk membuat formulir kontak Blogger, Anda dapat menggunakan layanan pihak ketiga dengan kode HTML yang bisa di dapat melalui situs Formsubmit.co, sebagai alternatif. Metode ini mudah diterapkan dan tidak merusak tata letak template. Formsubmit.co adalah solusi untuk membuat formulir kontak responsive yang menyesuaikan halaman blogger, tanpa memerlukan penggunaan Javascript bundle dari Blogger. Ini menjadi pilihan sementara sambil menunggu formulir kontak Blogger berfungsi kembali.

Alasan Blog Menggunakan Folmulir Kontak dengan Formsubmit

  • Mudah Digunakan: Cukup ganti URL formulir tanpa merubah template.
  • Customizable: Formulir dapat disesuaikan dengan kebutuhan tanpa mengubah kode lain.
  • Pemberitahuan Email: Menerima pemberitahuan via email setiap kali ada pesan.
  • Anti-Spam: Perlindungan anti-spam mencegah pesan tidak diinginkan.
  • Gratis: Layanan ini tersedia secara gratis tanpa biaya tambahan.

Cara Memasang Kode HTML  Formulir Kontak di Blogger dari Formsubmit.co

Untuk memasang kode folmulir kontak silahkan log in terlebih dahulu di blogger.com, setelah itu pilih menu halaman, selanjutnya buat halaman baru dengan judul kontak. Berikut tutorial disertai dengan panduan gambar:

1. Masuk ke blogger.com
2. Pilih menu halaman, lalu buat Halaman Baru, beri nama Folmulir Kontak, selanjutnya ubah ke tampilan mode HTML. Silahkan Copy kode script Folmulir kontak lalu paste. Klik Publikasikan.
<div class='ContactForm s-2' id='ContactForm1'>
  <form name='cForm' action='https://formsubmit.co/idreaker@gmail.com' method='POST'>
    <div class='cArea'>
      <label>
        <input class='cInpt cName' id='ContactForm1_contact-form-name' name='name' type='text'/>
        <span class='n req'>Name</span>
      </label>
    </div>
    <div class='cArea'>
      <label>
        <input class='cInpt cMail' id='ContactForm1_contact-form-email' name='email' type='email' required/>
        <span class='n req'>Email</span>
      </label>
      <span class='h'>Valid email required</span>
    </div>
    <div class='cArea'>
      <label>
        <textarea class='cInpt cMsg' id='ContactForm1_contact-form-email-message' name='message' rows='3'></textarea>
        <span class='n req'>Message</span>
      </label>
      <span class='h'>Empty messages not accepted</span>
    </div>
    <div class='cArea'>
      <input class='cBtn' id='ContactForm1_contact-form-submit' type='submit' value='Submit' />
    </div>
    <div class='cArea nArea'>
      <p class='cNtf' id='ContactForm1_contact-form-error-message'></p>
      <p class='cNtf' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>

Keterangan

Pada https://formsubmit.co/idreaker@gmail.com yang berwarna merah silahkan ganti dengan email yang akan menerima pesan dari folmulir kontak.

3. Silhakan Simpan dan coba mengirim pesan, maka nanti diharuskan untuk Aktivasi yang di kirm ke emial pada kode HTML yang di pasang pada halaman.

Penting

Kalau sudah Activate Form artinya email penerima pesan yang di kirim melalui folmulir kontak blog sudah aktif siapa saja sudah bisa mengirim pesan saran dan kritik atau mungkin yang lainya. Namun tidak semua template blogger garis kontak ada, silahkan ubah kode color.

Selamat sekarang Anda sudah bisa membuta kontak folmulir blogger dengan mudah tanpa coding. Semoga dengan adanya panduan tutorail membuat contac from ini bermanfaat. Bila ada pertanyaan silagkan tinggalkan komentar atau beri kritik dan saran melalui Halaman Forum Diskusi.

0Komentar