Tips Mudah Membuat Form Kontak Email di Blogspot (Tutorial Lengkap)

Berdasarkan pertanyaan masuk beberapa waktu yang lalu tentang membuat form kontak di blogger.com maka kali ini saya coba bahas tulisan berjudul "Tips Mudah Membuat Form Kontak Email di Blogspot" meskipun dahulu saya pernah membuat tulisan cara membuat form kontak di blogger menggunakan tools dari Bravenet penyedia berbagai macam widget gratis untuk blog atau web. Namun ternyata memang gampang-gampang susah membuat form kontak blogspot menggunakan bravenet form.
Nah, karena blogger.com belum menyediakan fasilitas tersendiri maka mau tidak mau untuk membuat form kontak email ini kita harus menggunakan pihak ketiga atau istilah kerennya third party. Cara mudah membuat form kontak di blogger adalah menggunakan jasa emailmeform.com.
Sebenarnya tips mudahnya sudah disebutkan di website emailme form, yaitu kita hanya melakukan 3 langkah; Daftar, Buat Form, dan Copy kodenya simpan di widget atau halaman postingan khusus untuk form kontak.

Namun untuk jelasnya ketiga langkah diatas, silakan ikuti cara dibawah ini:
LANGKAH PERTAMA
  1. Buka emailmeform.com dan klik SIGN UP untuk daftar.
    • First Name: (Isi dengan nama pertama Anda)
    • Last Name: (Isi dengan nama akhirAnda)
    • Username: (Isi dengan nama pengguna yang Anda inginkan, username ini untuk masuk ke emailmeform untuk mengedit atau membuat form lain. Emailme form membatasi pembuatan form sebanyak 5 form (gratis) jika ingin membuat banyak form harus menggunakan akun berbayar.
    • Password: (Isi dengan kata sandi)
    • Retype Password: (Isi dengan kata sandi sama seperti di atas)
    • Your Email: (Isi dengan alamat email Anda yang aktif, hal ini untuk memverifikasi pendaftaran)
  2. Buka alamat email yang Anda daftarkan dan lihat email dari emailmeform dan klik LINK yang terdapat pada email tersebut untuk mengaktifkan akun emailmeform Anda. (Lihat gambar dibawah, untuk email menggunakan Gmail.com)

LANGKAH KEDUA

  1. Untuk membuat form kontak klik "Please click here to go into your Control Panel" setelah Anda melakukan point kedua pada LANGKAH PERTAMA di atas.
  2. Pada sidebar (samping) terdapat Control Panel untuk melihat dan memenej akun emailmedorm Anda. Untuk membuat form kontak baru maka pada "Form Builder" pilih "Create a New Form" Perhatikan gambar di bawah:
  3. Tahap pertama untuk memulai membuat form kontak di emailmeform ini adalah mengisi pembuatan form tahap pertama yaitu;
    • Web form Name: (Isi dengan kata yang memberikan informasi dari mana email tersebut masuk, misal "dari blog hakimtea.org". Hal ini berguna jika Anda membuat banyak form kontak).
    • Recipients Emails: (Isi dengan alamat email Anda, standarnya atau secara defaultnya alamar email yang sebelumnya Anda daftarkan saat pembuatan akun emailmeform. Namun Anda bisa mengubahnya atau malah bisa menambahkan alamat email lain, maksimal 10 email)
    • Spam Email address: (Biarkan kosong atau isi dengan alamat email yang pernah masuk ke inbox email Anda yang sekiranya mengirim email spam).
    • Thank you page: (Isi dengan URL postingan misal: http://namablog.blogspot.com/2010/02/terimakasih.html atau buat Page 'halaman' khusus karena sekarang blogger.com sudah menyediakan pembuatan page. Hal ini berguna agar ketika pengunjung yang menggunakan form kontak di blog Anda setelah selesai mengirim akan masuk pada halaman postingan tersebut).
    • Number of fields: (Standarnya berjumlah 4 form dan biasanya berisi; Nama, email, judul pesan, dan isi pesan. Namun Anda bisa menambahkan lebih dari 4 form). Perhatikan gambar dibawah:
    • Catatan: Jika merasa bingung dengan tahap selanjutnya cukup klik NEXT setiap pengisian form pada tahap ini sampai selesai dan muncul kode untuk dipasang pada blog kita. Namun jika ingin lebih jelas silakan baca tahap berikutnya pada point-point dibawah.
  4. Tahap kedua untuk pembuatan form kontak adalah mengedit 4 field (bidang) atau cukup membiarkan secara default yaitu; Your Name, Your Email Address, Subject, dan Message. Perhatikan gambar dibawah:
    • Ada 5 kolom keterangan, yaitu; No, Field Name, Field Type, Required?, dan Validation.
    • No (nomor): Menunjukkan jumlah field (form) yang kita buat (default ada 4 field).
    • Field Name: Isian teks yang bisa kita sesuai kebutuhan.
    • Field Type: Berisi pilihan tipe, yaitu; field Short Text (one line), Large Text (more line), Checkbox, Radio buttons, Drop down list, dan File Attachment. field Short Text (one line) merupakan satu baris field biasanya untuk pengisian nama, alamat, URL dan lainnya. Large Text (more line) merupakan kolom isian yang cukup luas digunakan untuk isi pesan, keterangan dan lainnya. Checkbox merupakan pilihan dengan kategori yang telah disiapkan sebelumnya. Radio buttons hampir sama dengan Checkbox namun tampilan pilihannya berbentuk bulat. Drop down list pilihan kategori yang telah dipersiapkan(field ini biasanya digunakan untuk blog iklan baris). File Attachment merupakan field untuk lampiran seperti gambar atau dokumen.
  5. Mengisi ukuran dan detail setiap field, perhatikan gambar dibawah:
  6. Langkah selanjutnya adalah opsional, jika merasa kesulitan biarkan saja secara adanya (default) lalu klik NEXT. Namun yang jelas pada tahap ini Anda bisa mengubah jenis huruf, ukuran huruf, warna background, penjelasan mengenai form, memberikan header, footer, mengubah tampilan lewat kode CSS, mengubah teks tombol kirim dan penempatan tombol, menampilkan reset (hapus), menampilkan kode antispam (chapta), membatasi pengiriman email dari IP address yang sama, memberikan pewarnaan jika antispam diaktifkan, dan pilihan mode tampilan form. Jika bingung maka biarkan saja lalu klik NEXT.
  7. Langkah ini pun sama seperti point 6 yaitu opsional, boleh diubah atau dibiarkan saja apa adanya. Lihat dibawah setelah gambar berikut ini:
  8. Langkah ini memperlihatkan tampilan form kontak yang telah Anda buat. Jika betul seperti pada preview tersebut klik FINISH lalu "Click here" pada teks"Click here to get the HTML Code of the form then paste it to a page on your site."untuk mendapatkan kode form yang telah Anda buat

LANGKAH KETIGA

Langkah ketiga ini yang paling mudah yaitu copy-paste kode form yang telah Anda buat di atas ke postingan atau page khusus untuk form kontak.
Klik "New Post" atau "Entri Baru". Pada judul atau subject ketik "Kontak, atau Hubungi saya," terserah Anda. Pilih EDIT HTML dan paste kodenya di area posting. Perhatikan gambar di bawah:

Jika sudah, klik Publish atau Terbitkan Entri dan form kontak Anda siap digunakan.
Selesai, lengkap sudah tutorial membuat form kontak email di blogspot.com, semoga memudahkan Anda dan semoga bermanfaat.
Jika masih merasa kesulitan jangan sungkan hubungi saya untuk tanya-tanya seputar membuat form kontak ini sekaligus melihat demo form kontak yang telah saya buat menggunakan emailmeform.com.

Sumber:

0 komentar:

Posting Komentar

Berilah komentar dengan bijak, saling menghargai itu baik.