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.

Tags

blogger (2) blogging (7) facebook (3) Keyword (1) seo (2) Tutorial (6)

Follow by Email

Popular Posts

Cara Mengkompres/Memperkecil Size Foto Secara Online

Get Link Memperkecil size foto atau mengkompres foto memiliki banyak cara.

Salah satu caranya adalah secara online.
Berbeda dengan menggunakan aplikasi seperti photoshop, mengkompres foto secara online sangat mudah, anda hanya mengupload foto dan kemudian menunggu foto selesai dikompres secara otomatis.
Namun anda harus mengeluarkan sedikit kuota internet untuk mengupload dan mendownload foto setelah di kompres. 
Go to Link Selain itu, salah satu keunggulan mengkompres foto secara online ialah anda dapat melakukan kompres foto secara sekaligus dengan maksimal 20 atau 25 foto.
Selanjutnya, berikut Cara Mengkompres/Memperkecil Size Foto Atau Gambar Secara Online. Dengan Menggunakan compressimage.toolur.com
compressimage.toolur.com memiliki kelebihan dibandingan dengan tools kompres foto yang lain. 
Beberapa kelebihan yang dimiliki oleh compressimage.toolur.com antara lain. 1. Anda dapat mengatur kualitas foto sendiri 2. Anda dapat mengkompres 25 foto sekaligus 3. Dapat melakukan resize f…

Cara Membuat Tombol Share Melayang Di Blogger

Klik 2 Kali
Banyak blog yang menggunakan tombol share melayang, salah satunya adalah NgeBloggINK sendiri menggunakan tombol share melayang.

Alasannya karena menurut saya tombol share melayang memiliki banyak kelebihan dibandingkan tombol share yang biasanya.



Kelebihan yang saya rasakan dari tombol share melayang diantaranya. 1. Lebih terlihat oleh pengunjung sehingga menambah kemungkinan pengunjung melakukan share 2. Memperindah tampilan blog 3. Mudah untuk disetting
Apakah anda tertarik menggunakan tombol melayang pada blog anda? Jika anda tertarik, simak artikel ini.
Artikel ini akan membagikan cara bagaimana membuat tombol melayang di blogger. Baiklah berikut ini caranya. Membuat Tombol Share Melayang Membuat tombol share melayang tidaklah sulit, maka artikel ini tidak akan panjang-panjang.
Pertama silahkan masuk ke halaman Sumo, untuk langsung masuk ke dalam halaman klik disini.
Hanya sebagai informasi, sumo tidak hanya dapat membuat tombol share, sumo juga dapat membuat form cont…

Cara Melakukan Custom Domain Blogger Di NameCheap

Klik 2 Kali

NameCheap merupakan penyedia domain dan juga penyedia hosting luar negeri yang sudah cukup terkenal di dunia.

Melakukan custom domain blogger di NameCheap tidaklah sulit dan tidak berbeda dengan layanan penyedia domain yang lain baik luar negeri maupun lokal.

Walaupun begitu bagi anda yang masih baru atau newbie pasti akan mengalami kesulitan.
Maka dari itu pada artikel ini saya akan berbagi bagaimana Cara Melakukan Custom Domain Blogger Di NameCheap, baiklah berikut ini caranya. Custom Domain Blogger Di NameCheap Walaupun langkah Cara Melakukan Custom Domain Blogger Di NameCheap tidak terlalu banyak, tapi sebaiknya simak baik-baik agar tidak langkah yang terlewat.
Langkah pertama silahkan masuk ke dalam website NameCheap, and anda dapat langsung menuju websitenya dengan klik disini.
Setelah masuk ke halaman utama, silahkan login dengan cara mengklik menu account kemudian isi kolom dengan username serta password dan klik Sign and Continue.
Anda akan masuk ke halaman dashbo…

Recent

Powered by Blogger