Cara Membuat Contact us Form

 Tutorial
banner 468x60
Cara Membuat Contact us Form

Cara Membuat Contact us Form

Assalamu alaikum teman-teman Komunitas Blogger Maros dan sekitarnya, kali ini saya akan mencoba berbagi ilmu tentang bagaimana membuat contact form yang menarik untuk anda para pecinta blog, berikut adalah tahapannya

1. Login ke Blogger Dashboard anda dan Pilih Blog yang ingin diberikan Contact Form

2. Anda bisa memilih untuk menampilkannya di Halaman/Postingan

3. Memilih provider contact form, namun kali ini saya lebih merekomendasikan anda untuk masuk ke 123ContactForm karena visualnya (tampilannya lebih menarik di banding yang lain) adapun penyedia contact form yang lain yakni

– http://www.123contactform.com/

– http://www.foxyform.com/

-http://www.freecontactform.com/

-http://www.mycontactform.com/

-http://kontactr.com/

4. Buatlah akun pada website http://www.123contactform.com/ dan akan ada 5 Form Gratis yang akan diberikan.

123 Contact Form

5.Setelah Mendaftar Buatlah sebuah form baru dengan mengklick kotak warna hijau sperti gambar di bawah ini

123 Contact Form

6. Setelah mendaftar buatlah form anda dengan memilih jenis/style dasarnya Form Anda, sebagai tahap awal pilihlah jenis Contact Form

Choose Type of Form

7. Setelah memilih jenis form anda, berikan nama pada form baru anda

Choose Name Of the Form

8. Setelah memberikan nama pada form anda sekarang anda masuk ke menu pengeditan elemen-elemen form anda, buatlah sesuai dengan selera anda

Build your Form

9. Setelah selesai membuat form anda, anda harus mensetting email notifikasi (notifikasi email jika ada yang menggunakan form anda)

Choose your Email Reciver

10. Kita sudah hampir selesai membuar contact form ini, setelah menyetel email verifikasi untuk form anda, sekarang kita akan mengambil code HTML dari contact form tersebut Pilih Blogger atau Embed Code dan copy code yang anda dapatkan dari website tersebut dan jangan lupa untuk mengklick publish pada website tersebut di sebelah kanan tombol hijau pada website

Mengambil script code html form

11. Setelah proses pengcopian code tersebut, paste code tersebut pada postingan atau halaman yang anda kehendaki pada kolom HTML postingan/halaman lalu publish/preview
penempatan html12. Selesai contact form anda telah berhasil di publish

Contoh Form yang sudah jadi

12. Enjoy… 😀

banner 468x60

Author: 

Bilamana aku kurang santun dalam bernasihat, ataukah kurang ramah dalam menyampaikan kebaikan, itu hanya sentilan agar engkau lebih baik dari apa yang tak pernah engkau kira, meskipun aku belum tentu sebaik yang engkau kira, namun aku berusaha menyampaikan kebenaran (menurut diriku dengan dasar-dasarnya), dengan memegang prinsip "Saling ingat mengingatkanlah sesama muslim"

2 Responses

  1. iqbaldeathAugust 12, 2013 at 9:44 amReply

    thanks gan 😀 sangat membantu nih ^^

  2. dewiSeptember 7, 2013 at 10:34 amReply

    makasih banyak referensinya

Leave a Reply