Tuesday, March 27, 2018

Cara Mudah Membuat Form Contact Dengan Atau Tanpa Menggunakan Html



Menurut saya keberadaan form contact dari sebuah blog adalah hal yang penting.

Kenapa?
Karena dengan adanya form contact interaksi antara anda sebagai pembuat artikel dengan pengunjung akan semakin dekat dengan begitu anda akan mendapatkan pengunjung setia.

Selain itu, dengan adanya form contact apabila ada suatu hal yang menurut para pengunjung kurang jelas meraka dapat menanyakannya pada anda sehingga anda dapat melakukan revisi agar lebih jelas.

Maka keberadaan form contact di setiap blog adalah suatu hal yang penting.

Di artikel ini saya akan berbagi dua cara mudah membuat form contact yang pertama dengan menggunakan html dan yang kedua tanpa menggunakan html.

Berikut Cara Mudah Membuat Form Contact Dengan Atau Tanpa Menggunakan Html.

Cara Membuat Form Contact Dengan Menggunakan Html

Cara membuat form dengan menggunakan html tidak lah sulit.
Ikuti langkah per langkah berikut ini.

1. Masuk ke dalam halaman web 123FormBuilder, klik disini untuk langsung menuju halaman 123FormBuilder.

Sebenarnya masih banyak website form builder lainnya, tetapi 123FormBuilder adalah form builder yang lumayan terkenal dan banyak digunakan.


2. Klik SignUp untuk mendaftar akun 123FormBuilder, kemudian pilih plan/paket.

Menurut saya lebih baik menggunakan plan basic yang gratis terlebih dahulu, karena kita hanya akan membuat form contact.

Untuk plan basic batas maksimal form yang dapat dibuat adalah lima, dan menurut saya itu sudah lebih cukup untuk satu blog.

3. Isi semua form pendaftaran dengan data yang sesuai kemudia klik "Sign Up", atau anda dapat langsung menggunakan akun facebook, google, dan yahoo untuk mendaftar.

4. Kita masuk ke dalam langkah pembuatan form, yang pertama pilih template/bentuk tampilan form yang anda inginkan atau anda bisa menggunakan blank form.

5. Kemudian masukan berbagai form, contohnya jika membuat form contact sederhana dapat terdiri dari form nama, email, dan massage atau anda dapat menambahkan dengan form-form yang lainnya.


6. Jika anda telah selesai menambahkan form, klik publish.

7. Untuk mendapatkan kode html dari form contact yang telah anda buat tadi, silahkan pilih blogger kemudian kode html akan terlihat, klik "Copy code".


8. Masuk ke dashbord blogger, klik page dan buat halaman baru.

9. Beri halaman dengan judul "Contact" dan ubah dari mode compose menjadi mode html kemudian pastekan kode yang tadi lalu publish halaman.


10. Anda telah berhasil membuat halaman contact dengan html.

11. Tutup halaman 123FormBuilder, atau anda dapat membuat Form yang baru.

Cara Membuat Form Contact Tanpa Menggunakan Html

Dibandingakan dengan menggunakan cara yang pertama, dengan cara yang kedua ini lebih singkat.

Berikut caranya.



1. Masuk ke halaman Sumo.com, klik disini untuk langsung masuk ke halaman Sumo.com

2. Klik Sign Up kemudian isi form pendaftaran dengan data yang tepat.

3. Anda akan diberikan sebuah script, pasang script tersebut diatas kode </body> pada template kemudian klik start using sumo.


Cara pemasangan untuk blogger masuk ke dashbord > Template > Edit Html > Ctrl+F masukan "</body>" > pastekan tepat diatasnya.

4. Masuk menu form, kemudian klik contact form dan klik activate.

5. Atur Design, layout, settings dan lainnya, Jika sudah klik "save" pada bagian bawah kanan.

Berbeda dengan menggunakan html, dengan menggunakan Sumo anda tidak perlu lagi membuat halaman baru.  

Dan form contact akan ditampilakan di setiap halaman, atur letak form contact di bagian layout. Form contact kurang lebih akan terlihat seperti gambar dibawah.


Sekian Cara Mudah Membuat Form Contact Dengan Atau Tanpa Menggunakan Html, semoga dapat membantu anda meningkatkan kualitas blog anda.

Jika ada pertanyaan, silahkan tanyakan melalui form contact, Terimakasih.

2 comments:

  1. Ternyata form contact penting juga yahh, kalo gtu saya langsung ikut tutorialnya

    ReplyDelete
  2. Tutorialnya lengkap dan mudah di penjelasannya lengkap

    ReplyDelete