Memiliki blog atau website yang interaktif menjadi salah satu kunci sukses komunikasi dengan pengunjung atau pelanggan. Banyak pemilik blog atau website yang ingin menambahkan fitur tertentu untuk meningkatkan interaksi dengan pengunjungnya. Salah satunya adalah dengan menambahkan form kontak. Kami akan memberikan tutorial Cara Membuat Form di Blogger.
“Kode HTML kontak kami” menjadi salah satu cara populer bagi pemilik blog untuk memudahkan pengunjung berkomunikasi dengan mereka. Sementara itu, bagi mereka yang mencari solusi cepat dan mudah, “Google Form” menjadi pilihan yang tepat. Selain itu, banyak juga yang ingin menambahkan halaman tentang diri atau bisnis mereka di blog, dan hal ini bisa dicapai dengan cara membuat about di Blogger.
Cara Membuat Form di Blogger dan Kode HTML-nya
Salah satu kebutuhan penting bagi pengguna Blogger adalah kemampuan untuk memasukkan form ke dalam blog, baik itu form komentar, form pendaftaran, maupun jenis form lainnya. Meskipun Blogger tidak menyediakan fitur bawaan untuk membuat form, kita bisa dengan mudah menambahkannya dengan bantuan pihak ketiga atau dengan kode HTML sendiri. Berikut adalah langkah-langkah untuk membuat form di Blogger:
1. Menggunakan Layanan Pihak Ketiga:
Ada banyak layanan online yang menyediakan fitur pembuatan form, seperti Google Forms, JotForm, dan Typeform. Anda dapat membuat form di platform tersebut dan menyematkannya di blog Anda.
Contoh dengan Google Forms:
- Buka Google Forms dan buat form sesuai kebutuhan Anda.
- Setelah selesai, klik tombol ‘Send’ atau ‘Kirim’ di pojok kanan atas.
- Pilih tab ‘Embed’ atau ‘< >’, lalu salin kode yang disediakan.
- Buka Blogger, buat postingan atau halaman baru, dan pilih mode ‘HTML’ (bukan ‘Compose’).
- Tempelkan kode embed yang telah disalin dari Google Forms.
- Publikasikan postingan atau halaman tersebut.
2. Menggunakan Kode HTML
Jika Anda memiliki pengetahuan dasar tentang HTML, Anda dapat membuat form sendiri dan menyematkannya di Blogger.
Contoh kode form sederhana:
<form name=’contact-form’>
<p></p>
Name<br />
<input class=’contact-form-name’ id=’ContactForm1_contact-form-name’ name=’name’ size=’30’ value=” type=’text’ />
<p></p>
<span style=’font-weight: bolder;’>*</span><br />
<input class=’contact-form-email’ id=’ContactForm1_contact-form-email’ name=’email’ size=’30’ value=” type=’text’ />
<p></p>
Message<span style=’font-weight: bolder;’>*</span><br />
<textarea class=’contact-form-email-message’ cols=’25’ id=’ContactForm1_contact-form-email-message’ name=’email-message’ rows=’5′></textarea>
<p></p>
<input class=’contact-form-button contact-form-button-submit’ id=’ContactForm1_contact-form-submit’ value=’Send’ type=’submit’ />
<p></p>
<div style=’text-align: center; max-width: 222px; width: 100%’>
<p class=’contact-form-error-message’ id=’ContactForm1_contact-form-error-message’></p>
<p class=’contact-form-success-message’ id=’ContactForm1_contact-form-success-message’></p>
</div>
</form>
Tentu saja, Anda perlu menyesuaikan action=”/submit_form” dengan tautan pengolahan data form Anda.
3. Mengatur Tampilan Form
Untuk membuat form Anda tampak lebih menarik, Anda bisa menambahkan CSS. Tambahkan kode CSS di antara tag <style> di header template Blogger Anda atau langsung di dalam postingan dengan menyematkan kode CSS sebelum kode form.
4. Pengolahan Data
Jika Anda membuat form sendiri, Anda harus memastikan bahwa Anda memiliki mekanisme untuk mengumpulkan dan mengolah data yang dikirim melalui form. Anda mungkin memerlukan backend atau pihak ketiga seperti Google Scripts untuk mengelola data dari form.
Kesimpulan
Selain fitur di atas, sangat penting juga bagi pemilik blog untuk memastikan bahwa fitur kontak mereka mudah diakses dan tampil dengan baik di berbagai perangkat, terutama mobile. Oleh karena itu, cara membuat contact blogger responsive menjadi informasi yang sangat penting untuk diketahui dan diterapkan.
Dengan menggabungkan semua teknik dan metode di atas, pemilik blog dapat memastikan bahwa mereka tidak hanya menyajikan informasi yang bermanfaat, tetapi juga menyediakan saluran komunikasi yang efektif dan responsif dengan pengunjung atau pelanggan mereka. Jadi kamu harus memperhatikan dengan benar Cara Membuat Form di Blogger.
