Anda disini » Home » » Bikin Contact Form untuk Blog

Bikin Contact Form untuk Blog

belum punya menu kontak ?? hmm.. okelah yo ayo dibikin dulu, ga’ perlu neko-neko cukup yang simple aja. Bikin contact form dijamin praktis deh.

Ada banyak penyedia fasilitas contact form gratisan di luar sana tapi kebetulan lagi pengen nyobain yang dari google karena tempo hari waktu lagi bongkar-bongkar sempat liat yang beginian >> dialah si Google Docs.

Buat anda yang minat, berikut ini saya tulis aja sekalian Cara Bikin Contact Form Praktis untuk Blogger :

  1. Masuk dulu ke : Google Docs dengan akun google milik anda.
  2. Klik “Create” >> “Form”
cara_bikin_contact_form

3. Anda akan dibawa ke halaman “Edit Form” tempat berkreasi membuat contact form sesuai gaya masing-masing.

membuat_contact_form_blog

  • Isi Judul sebagai nama Contact Form anda, contohnya : “Contact Me”
  • Isi Deskripsi sebagai basa-basi ringan yang ditujukan pada pembaca.
  • Isi atau buat kolom sesuai dengan apa saja yang anda ingin sertakan dalam contact form milik anda lalu selalu klik “Done” tiap kali selesai mengisi kolom.
  • Ada beragam tipe yang bisa digunakan sebagai variasi “Question Type”, misalnya “Text” jika ingin menampilkan tampilan standar atau “Checkboxes” jika ingin menampilkan jawaban kolom dalam bentuk opsi.
  • Pengen mengedit kolom yang baru saja dibuat ? Tinggal double klik aja kolom yang ingin diedit.
  • Pengen menambah kolom baru ? Tinggal klik aja “Add Item” yang terletak di pojok kiri atas halaman lalu pilih bentuk kolom yang diinginkan.
  • Pengen agar tampilan form ga’ kaku ? Tinggal klik aja “Theme” yang terletak di pojok kiri atas halaman lalu pilih latar belakang keren yang sesuai dengan gaya anda.
  • Klik link yang terletak di bagian paling bawah halaman untuk melihat bentuk sementara dari contact form yang baru saja dibuat.

LIHAT POJOK KANAN ATAS HALAMAN, LALU :

4. Klik “Save” untuk menyimpan form yang baru saja dibuat.

5. Klik “More Actions” >> “Embed”

6. Copy kode contact form yang baru saja anda buat.

------------------------------------------------------------------------------------------------------->>>

Sekarang tinggal memasukkan contact form tersebut ke blog masing-masing :

7. Masuk ke akun blogger anda.

8. Ada 2 pilihan nih mau dipasang dimana kode contact form tersebut di blog anda :

  • Cara 1 : Bikin “Laman Baru” lalu masukkan kode contact form ke dalam mode penulisan .
  • Cara 2 : Gunakan link dari contact form itu saja untuk sekedar ditempel di blog anda :

CONTOHNYA INI KODE CONTACT FORM ANDA :

<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dEp1eXh4RL1iTWlmPkNHNXFsOTJCTmc6MQ" width="760" height="719" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

---------------------                                                                                                  ----------------------

>> Link yang diblok pada contoh ilustrasi di atas merupakan link langsung menuju contact form anda, gunakan link tersebut misalnya untuk digunakan dengan menggunakan gambar dan ditaruh di sidebar blog anda.

Untuk demo silahkan intip contact form saya untuk blog ini :

Pastikan anda secara berkala selalu menge-cek laporan contact form tersebut melalui akun google docs anda, karena tiap pesan yang masuk melalui form ini tidak akan dikirim ke email anda.

Nyempetin browsing di google nemu blog ciamik yang membahas tentang hal serupa, bagi anda yang tidak cukup puas dengan tutorial di atas silahkan mengunjungi blog yang satu ini :

 

.

agus-hadi-photo-authorSetiap tutorial atau file download yang Anda temukan pada blog ini bebas digunakan untuk apapun sesuai dg keinginan anda, baik dengan maupun tanpa kredit ke blog ini. Tentang  |  Profil Google  |   Profil Blogger  |   Berlangganan via email
>> Ditulis dalam kategori

Anda dapat meninggalkan komentar, atau trackback dari blog anda.
Ada 7 Komentar tentang "Bikin Contact Form untuk Blog"
  1. Keren tipsnya sop,ane bookmark yach,dengan contact form ini kita lebih leluasa dalam hal berbagi.Nice share,thanks ya,happy blogging.

    [Balas Komentar]

    ini dia yang saya cari cari,makasih kang :)

    [Balas Komentar]

    hkhkhk
    mantab sob. ane nyari2 nih sob. dari pada ane make dari contacjr atau apalah itu mendingan ini :)

    [Balas Komentar]

    ini dia gan yg ane cari2
    thanks gan

    [Balas Komentar]

    thank for tutorial

    [Balas Komentar]

    makasih infonya gan. ada limit kah pakai ini?

    [Balas Komentar]
    Oim :

    makasih infonya gan. akan saya coba di blog saya.
    virtuarchive.web.id

    [Balas Komentar]

Poskan Komentar

Silahkan tulis komentar maupun pendapat anda pada kolom di bawah ini :

© Panduan - Info 2010 is proudly powered by Blogger.com | Template by Agus Hadi Wijaya