Cara Membuat "Contact Form" dari Google docs

Form Message

Sobat blogger mungkin sudah familiar dengan gambar di samping. Yah..kalopun masih ada mungkin sobat blogger yang tidak tahu menahu dengan gambar di samping. Tetapi saya yakin, meliht dari judul tips kalini, sobat blogger pasti sudah ada gambaran mengenai gambar di samping.

Gambar di samping merupakan form dari message (pesan) dari blog ini. Dimana form ini disediakan oleg Google. Sistem kerja dari tools ini adalah semua pesan yang dikirim oleh pengunjung kepada kita akan terkirim langsung ke e-mail kita. Jado hal yang pertama perlu diperhatikan adalah, kita harus memiliki account do Google.com. Nah...jika sobat blogger sudah mempunya account di google.com, yang mau menampilkan tools ini silahkan ikuti langkah-langkah yang akan saya berikan. Tetapi sebelum menampilkannya, alangkah baiknya jika sobat melihat terlebih dahulu seperti apa bentuk Contact form ini.
Untuk lebih jelasnya, silahkan lihata Contact form yang sangat simple di bawah berikut:

DEMO

Untuk langkah-langkah menemapilkan tools ini, silahkan lihat di bawah ini:

1. Pertama silahkan klik alamat url ini di "Open New Tab" [https://docs.google.com/#home]
2. Pilih "CREATE"

 

3. Kemudian Pilih "Form"

 

4. Kemudian silahkan anda lakukan pengeditan sesuai keinginan anda.

Klik gambar untuk memperbesar

5. Adapun hal-hal yang perlu diperhatikan adalah sbb:

• Pada tulisan"Untitled form" silahkan ganti dengan judul Form yang akan anda Buat
• Tulisan "Sample Question 1" ganti dengan pertanyaan yang akana anda buat. Mis. Nama
• Tulisan "Help Text", diperlukan jika anda mempunyai petunjuk untuk menjawab pertanyaan yang telah dibuat sebelumnya.
• Pada "Question Type" pilih bentuk Text. untuk Sample Question Pesan anda menggunakan "Question Type"nya adalah "Paragraph Text"
• Kemudian Pilih "Done"
• Untuk menambah Pertanyaan yang lain, silahkan pilih icon "Duplicate" seperti yang terlihat pada gbr berikut ini.

Klik gambar untuk memperbesar gbr. Lihat icon yang dilingkari.

6. Jika sudah selesai, silahkan klik "Save" yang berada di pojok kanan.

7. Kemudian pilih "More Action" kemudian "Embed"

8. Kemudian copy kode HTML nya. Seperti gbr berikut ini.

Copy kode HTMLnya

Sekarang adalah waktunya untuk memasang Contact Form tersebut ke dalam blog.

1. Sekarang pilih "Entri Baru" atau Post Baru.

2. Silahkan Pastekan kode HTML yang tadi anda Copy. (harus dalam posisi post HTML)

3. Setelah itu "Publikasikan"

Sekarang lihat perubahan yang terjadi pada blog anda. Semoga bermanfaat. Jika ada pertanyaan, silahkan berkomentar pada form komentar di bawah. terima kasih . (Jkt/2012)