Headlines News :

Misteri

Home » » CARA MEMBUAT FORM CONTACT US 2

CARA MEMBUAT FORM CONTACT US 2

Setelah, pada artikel sebelumnya, saya menjelaskan cara membuat form Contact Us melalui Kontactr.com, sekarang saya akan menjelaskan bagaimana membuat form ini dari Bravenet.com.
Untuk membuat Contact Form ini kita perlu mendaftar di Bravenet.Com karena bravenet merupakan salah satu yang menyediakan jasa contact form ini, dan yang penting, Gratis!!!
LANGKAH PERTAMA (REGISTER/DAFTAR)
  1. Masuk ke Bravenet.com.
  2. Klik banner "Get Your Email Forms" (Its Free)
  3. Kalau belum punya account bravenet Join Bravenet (daftar gratis)
  4. Isi form pendaftaran yang tersedia.
  5. Username: *nama yang akan digunakan ketika login nanti* First Name: *Nama depan* Last Name: *Nama belakang* Email: *email yang aktif* Confirm email: *tuliskan lagi alamat email yg aktif* Password: *ketikan kata sandi, hanya Anda yang tahu* Confirm Password: *Ketikan lagi kata sandi, harus sama dengan kata sandi pertama* Masukan karakter (kode verifikasi) yang ada. Ceklis "I agree to the Bravenet Terms of Service" Klik join bravenet.
  6. Tunggu sebentar, proses pendaftaran tengah dimasukan database bravenet.
  7. Setelah tampil "Complete Your Bravenet Registration" ada tawaran dari sponsor bravenet, lewati saja, scroll down window ke bawah. Klik tombol "Proceed to Member's Area"
  8. Registrasi hampir selesai. Anda akan dikirim email validitas (validation).
  9. Login ke email Anda. Cari email dari bravenet dengan title "member notify - "Bravenet Account Confirmation" Email bravenet tersebut mengingatkan username dan password yang Anda gunakan untuk login. Klik link yang ditunjukkan dibawah kalimat, "Please follow the URL…"
  10. Tampil windows baru dan ucapan selamat (Congratulations!) Anda telah tergabung menjadi member bravenet.
  11. Scrol down window dan klik tombol "Continue to Members Area"
  12. "welcome to your account"
LANGKAH KEDUA (MEMBUAT FORM KONTAK)
  1. Masih di member area bravenet
  2. Pada list menu pilih dan klik "web tools"
  3. Pada "Unregistered Services" cari "Email Forms" dan klik. (kalo Anda sama sekali belum menggunakan tools dari bravenet, biasanya email forms berada di list kedua baris kedua dibawah Chat Rooms. Ketemu? Oke klik "Email Forms"
  4. Klik banner "Get Your Email Forms" (Its Free)
  5. Cari "I would like a FREE Email Forms Service" Klik tombol "Continue"
  6. Pada "Start with a template" Pilih "Contact Form" (urutan pertama)
  7. Keluar kotak dialog, beri nama Form Anda (Kalo tidak diberi nama, bravenet secara otomatis memberi nama "Contact Form" klik Ok jika sudah.
  8. Selamat Anda telah mendapatkan "Contact Form" Anda pertama dan cukup sederhana. Biasanya contact form tersebut hanya berisi (1) First and Last Name (2) E-mail address (3) Message.
  9. Klik "I will edit this form"
  10. Kita akan menambah pertanyaan (Add a new question), agar ketika pengunjung blog kita telah selesai mengisi contact form dan mengklik submit, mereka diarahkan kembali masuk ke homepage blog kita dan tidak masuk ke homepage bravenet. Oke, klik "Add a new Question"
  11. Pada "Add Question" pilih "Question Type - Thank You URL"
  12. Masukan URL blog Anda pada form yang disediakan. kalo sudah klik tombol "Add Field".
  13. (Question Type - Thank You URL, tidak terlihat pada form Anda karena telah disetting hidden (tersembunyi) oleh bravenet)
  14. Anda bisa mengedit dan menambahi form yang diperlukan, misalnya menambah dengan "Your Blog" dan sebagainya.
  15. Sampai disini pembuatan form contact us di bravenet telah selesai.
LANGKAH KETIGA - THIRD STEP (MEMASANG FORM KONTAK PADA POSTINGAN)
  1. Setelah Contact Form di atas selesai dan berisi tiga form isian dengan satu form hidden (nama, email, pesan dan Thank You URL yang tersembunyi dan mengarahkan kembali ke blog kita)
  2. Klik "It's perfect, let's see the code"
  3. Copy seluruh code html yang ditunjukkan.
  4. Buat postingan dengan judul "Hubungi saya" atau "Kontak"
  5. Silakan buat kalimat pembuka seperti "Form kontak ini digunakan bagi Anda yang ingin memesan produk kam…"
  6. Paste kode html dari bravenet di bawah kalimat pembukaan pada postingan Anda tersebut.
  7. Terbitkan/publish postingan Anda.
  8. Lihat postingan "Kontak" Anda dan silahkan dicoba, diisi dan klik submit!
  9. Selamat Anda sudah mempunyai Contact Form. Semoga bermanfaat!
  10. Untuk melihat demo silakan klik di sini

Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. WEBDETIK - All Rights Reserved
Template Design by Creating Website Published by Mas Template