Cara Membuat Contact Form di Blogspot

Tujuan dari pembuatan Contact Form atau Formulir Kontak di suatu blog adalah untuk mempermudah pengunjung untuk melakukan komunikasi dengan pemilik blog. Banyak sebutan-sebutan yang dipakai untuk judul Contact Form, diantaranya “Contact us”, “Contact me”, Hubungi Saya” atau “Hubungi Kami”. Syarat daripada Contact Form minimal harus memiliki “Nama” pengunjung, “Alamat Email” pengunjung dan “Pesan” atau “Berita” yang akan disampaikannya kepada anda. Anda juga dapat menambahkan beberapa informasi di halaman “Contact me” agar terlihat lebih profesional.

Saat ini, kita tidak perlu lagi menuliskan kode-kode html untuk dapat membuat Contact Form. Kita cukup daftar ke website penyedia contact form dan melakukan Copy Paste kode html tersebut ke blog kita.

Beberapa penyedia contact form antara lain :

123contactform.com
emailmeform.com
wufoo.com
foxyform.com
kontactr.com
Jotform.me
dan mungkin masih banyak lagi.

Pada kesempatan ini, saya ingin sharing mengenai langkah-langkah untuk membuat Contact Form di http://www.123contactform.com. Karena Blog ini juga memakai layanan Contact Form dari 123contactform.com.

Singkat cerita, berikut ini langkah-langkahnya :

A. Daftar ke situs penyedia Contact Form

1. Kunjungi situs http://www.123contactform.com
2. Klik “Sign up for Free”

3. Pilih “Sign up” di Kotak BASIC (layanan gratis)

4. Isikan data-data anda seperti Nama, Password, dan Email

5. Klik “Create Account”
6. Pilih “Contact Form” di menu Select new form type
7. Maka akan muncul halaman baru, Isilah Judul untuk Contact form anda

8. Klik “OK” maka akan muncul formulir contoh seperti dibawah ini :

9. Jika anda setuju dengan Contoh tersebut, silkan klik “Continue”
10. Centang alamat email yang akan anda gunakan kemudian “Save”

11. Di Menu sisi kiri, cari dan Klik “Blogger”
12. Copy Kode html yang ada di dalam kotak untuk di paste-kan ke halaman “Contact” di blog anda

B. Lakukan Setting di Blog anda

1. Masuk ke dashboard blogspot anda
2. Klik “Pages”
3. Klik “New Page”, maka akan muncul 2 pilihan “Blank Page” dan ” Web address”
4. Pilih dan Klik “Blank Page”

5. Isikan Judul halaman yang anda inginkan, seperti contact me atau hubungi saya
6. Klik ‘HTML” (ingat, harus klik HTML bukan Compose)
7. Paste-kan Kode html yang telah anda Copy dari situs 123contactform ke dalam kotak HTML.

8. Klik “Update”

Catatan : anda dapat menambahkan kata-kata di halaman Contact me sebelum formulirnya.

Selamat Mencoba…..
Semoga bermanfaat…..

14 thoughts on “Cara Membuat Contact Form di Blogspot”

Zakey Zakariyah 19/02/2013

Thanks gan buat tips2nya..
sukses selalu

Reply ↓
Driver Collection 25/02/2013

makasih bgt gan infonya, sangat membantu ne,,,

Reply ↓
Arfi 05/03/2013

ini yang saya cari. thanks ya,,,
kalo bersedia kunjungan baliknya.

Reply ↓
Aan Shared 11/03/2013

kerennnn sob..

Reply ↓
Taqorrub Ubaidillah 13/03/2013

makasih mas brow atas tutorialnya, saya sudah mencobanya dan alhamdulilah berhasil hehehe 🙂

Reply ↓
hienzo 14/03/2013

maknyos tutorialnya. akan saya coba.
thanks sudah share 😀

Reply ↓
Kunjungi Blog Saya 01/04/2013

Waah, keren gan. mantaffss

Reply ↓
Siti Nurohmah 09/04/2013

terima kasih infonya

Reply ↓
Galer Vodgals 07/05/2013

ini dia yang saya cari, banyak tutorial cara membuatnya, dan ini menurut saya mudah dan gampang di ikuti, terima kasih gan 🙂

Reply ↓
agen pulsa nasional 09/05/2013

ternyata caranya yg ini lebih mudah. makasih banyak ilmunya sudah di sharing… klo ada waktu mampir ke blogku gan… salam kenla gan

Reply ↓
Alat Tulis Murah 10/07/2013

saya baru tahu kalau di blogspot juga bisa buat contact form?

Reply ↓
cara membuat toko online 23/09/2013

Saya akan coba saran dari agan, terimakasih sudah share

Reply ↓
Bonus sign up 5 USD 26/01/2014

Penjelasannya bagus,sangat bermanfaat buat saya

Reply ↓
Apk Baru 15/10/2014

makasi tutorial mas gan,,, akan saya coba di blog saya

Reply ↓

A. Daftar ke situs penyedia Contact Form

B. Lakukan Setting di Blog anda

14 thoughts on “Cara Membuat Contact Form di Blogspot”

Leave a Reply Cancel reply