Cara Membuat Halaman Kontak ( Contact Form ) dengan Google Docs

Tips Membuat Halaman Kontak Untuk Blog
Bagaimana membuat halaman kontak di blog? Hmm... Kali ini EgaMagz akan menjelaskan tentang cara mudah menggunakan contact form dari Google Docs untuk dipakai pada halaman kontak blog anda. Google Docs merupakan layanan gratis dari Google yang menyediakan beberapa fasilitas, diantaranya yaitu kita dapat membuat Document ( dokumen ), Presentation ( materi Presentasi ), Spreadsheet ( halaman dengan baris dan kolom / tabel ), Form ( formulir ), dan Drawing ( gambar ). Lanjut lagi, sebenarnya apa gunanya halaman kontak? Ya! Dengan halaman kontak para pengunjung dapat berinteraksi lebih pribadi dengan pemilik blog. Nah terus bagaimana cara membuatnya?

Oke, langsung saja EgaMagz bahasa tahapan cara membuat halaman kontak ( contact form ) dengan google docs :

1. Masuk ke Google Docs dengan menggunakan akun Gmail anda.
2. Lihat sisi sebelah kiri. Klik "Create" ( tombol merah ) lalu pilih "Form".
Manfaat Membuat Halaman Kontak Form Blog
3. Untuk yang tampilan baru, langsung saja pilih Get started.
4. Setelah itu akan muncul jendela "Choose title and theme". Isikan title form yang akan dibuat, misal : "Contact Form". Pilih Theme dan klik "OK".
5. Selanjutnya kita akan membuat field-field Nama, Email, Subyek, dan Pesan.
Tampilan Baru Google Docs Form

Jalin Hubungank Baik dengan Pengunjung dengan Halaman Kontak
6. Membuat field Nama. Pada bagian "Question Title" isikan dengan "Nama". Karena jawaban dari field ini berupa text maka pada bagian "Question Type" pilih "Text". Jangan lupa klik "Required question" untuk menandai bahwa field ini wajib di isi. Kemudian klik "Done".
7. Untuk membuat field selanjutnya, klik "Add Item".
8. Membuat field Email lakukan sama seperti langkah 6. Hanya dibagian "Question Title" isikan dengan "Email".
9. Untuk membuat field selanjutnya, klik "Add Item".
10. Membuat field Subyek. Pada bagian "Question Title" isikan dengan "Subyek". Karena jawaban dari field ini berupa memilih pilihan yang ada maka pada bagian "Question Type" pilih "Choose from a list". Untuk membuat pilihannya ( misal : saran, kritik, pertanyaan, iklan, dll ) isikan pada Option 1, Option 2, dst. Untuk menambah Option, anda dapat mengklik "Clik to add option". Klik "Required question" untuk menandai bahwa field ini wajib di isi. Kemudian klik "Done".
11. Untuk membuat field selanjutnya, klik "Add Item".
12. Membuat field Pesan. Pada bagian "Question Title" isikan dengan "Pesan".  Karena jawaban dari field ini berupa text panjang, maka pada bagian "Question Type" pilih "Paragraph Text". Jangan lupa klik "Required question" untuk menandai bahwa field ini wajib di isi. Kemudian klik "Done".
13. Jika dirasa sudah cukup, klik "Send Form" di pojok kanan atas. Pada jendela "Send Form" klik tombol "Embed". Copy paste kode HTML yang diberikan pada Halaman Kontak.
14. Buatlah halaman postingan baru, sebaiknya berupa halaman statis. Kemudian beri judul, misal : "Contact Us".
Dashboard > Laman > Laman Baru
Pada bagian kiri atas, terdapat tombol "Compose" dan "HTML". Klik "HTML" dan pastekan kode yang tadi telah diberikan.
15. Lihat halaman kontak anda pada browser. Selesai.

Selamat mencoba...


Silahkan tinggalkan komentar untuk memberikan respon atau pertanyaan. Klik link "Subscribe by email" untuk mengetahui adanya balasan. Sehubungan dengan kesibukan saya sehari-hari, mohon maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas. Berkomentarlah sesuai dengan isi artikel, komentar BERISI LINK ataupun yang tidak sesuai dengan Comment Policy akan langsung saya hapus. Terimakasih.


22 comments:

  1. Niceinfo sob, ini yang saya cari. Makasih yah sob.

    kalo ada waktu jaan-jalan ke blog gubuk saya yah. :D

    ReplyDelete
  2. Agan thanks buat artikelnya, bermanfaat banget.. jadi saya bisa nambah ilmu ngeblogging.
    oya, visit back ya gan di http://asik-aje.blogspot.com ato http://kelompokpastisukses-bsi.blogspot.com
    Thanks very much gan. :)

    ReplyDelete
  3. Mantaab, terimakasih atas informasinya kakak.

    ReplyDelete
  4. gan terimakasih banget nih ....
    sekarang log ane sudah ada kontaknya

    ReplyDelete
  5. Makasiih Gan, udah jadi contact formku:
    http://biokom-pti.blogspot.com/p/contact-form.html

    ReplyDelete
  6. gan mau tanya nih,setelah saya sudah membuat halaman kontak kita seperti langkah diatas lengkap,ketika saya cek dengan lihat blog,kok tampilannya ga ada,cuman tulisan ...loading..More about--contact us
    kayak diatas gitu mas.mohon pencerahannya dong

    ReplyDelete
  7. Thanks infonya gan
    visit back ya ber-vespa.blogspot.com

    ReplyDelete
  8. Kontak form memang sangat penting ya, salah satu urgensinya adalah untuk menghubungi pemilik blog sebagai saran atau kritik yang ingin disampaikan. :D

    ReplyDelete
  9. Kontak form memang sangat penting ya, salah satu urgensinya adalah untuk menghubungi pemilik blog sebagai saran atau kritik yang ingin disampaikan. :D

    ReplyDelete
  10. terima kasih min , untuk tutorialnya :)

    ReplyDelete
  11. Sukses gan, sekarang bisa bikin form sendiri :D terima kasih banyak

    ReplyDelete
  12. good tutor sop... manfaat banget ni buat blog gw,, http://25hati.blogspot.com ,, gw tunggu ya sob kunjunganya

    ReplyDelete
  13. informasi yang sangat bermanfaat, semoga semakin banyak artikel lain yang berguna bagi kita semuanya...aamiin. Kalau pengen liat batik cantik unik menarik lain daripada yang lain, boleh kunjungi blog saya di http://batikspecial.blogspot.com

    ReplyDelete
  14. makasih sob tutorial nya jangan lupa berkunjung ke blog ane http://ibankproduction.blogspot.com/

    ReplyDelete
  15. makasih tutorial nya sob jangan lupa berkunjung ke blog ane http://ibankproduction.blogspot.com/

    ReplyDelete