Home » » Cara Membuat Contact Form atau Form Hubungi Di Blogger

Cara Membuat Contact Form atau Form Hubungi Di Blogger

Written By Adsloko on Kamis, 13 Oktober 2011 | Kamis, Oktober 13, 2011

Contact form atau form hubungi merupakan sebuah fasilitas yang disediakan oleh pemilik web/blog agar para pengunjungnya dapat berkomunikasi mengenai pengaduan, penjelasan, kejelasan informasi dan lain sebagainya. Sekarang apakah mau tau cara buatnya????



Mau.... beneran mau nieh tapi resiko ditanggung sendiri jika nanti banyak yang hubungi Anda looooo.... OK!!!

  1. Karena kita cari yang gratisan :) :) maka klik!! http://www.emailmeform.com.
  2. Setelah terbuka klik!! tombol Sign Up Now for FREE
  3. Isi form pendaftaran yang terdiri Username, Password, Retype Password, Your Email dan Confirm Email
  4. Centang I agree to EmailMeForm Terms of Service
  5. Klik!! tombol Sign Up
  6. Jika pendaftaran berhasil maka akan tampil halaman informasi yang berjudul Signup Confirmation
  7. Buka email yang Anda gunakan untuk mendaftar
  8. Klik link verifikasi yang telah dikirimkan ke alamat email Anda (diberikan juga username dan password)
  9. Tunggu hasil verifikasi account. Jika sudah berhasil Anda akan dibawa ke form manager (tempat untuk membuat kontak form)
  10. Karena user baru maka akan ada tulisan There are no forms. To create a form click here.
  11. Pilih atau klik saja menu Templates (sebelah atas) --> Form (menu sebelah kiri) --> Contact Form
  12. Klik Tombol Customize 
  13. Akan muncul sebuah tampilan contact form yang sudah terdiri beberapa field antara lain Name*, Email*, Subject*, Message*, kode anti spam (ReCaptcha), dan Tombol Kirim 
  14. Karena tutorial berikut adalah contoh maka langsung saja klik tombol Save Form 
  15. Klik Take me back to The Form Manager pada pilihan yang muncul 
  16. Di form manager telah ditambahkan sebuah Contact Form 
  17. Pilih menu Code 
  18. Klik menu sebelah kiri HTML with JavaScript/CSS 
  19. Klik Source Code sebelah kanan, berisikan code HTML yang akan dipasang di website/blog, dan copy (Ctrl + C)
  20. Masuk ke Edit Laman blog Anda
  21. Paste Source Code yang barusan Anda Copy kedalam Content mode Edit HTML 
  22. Simpan 
  23. Jika Anda telah berhasil maka tampilan yang akan di dapat seperti menu Contact Us yang ada di blog ini. 

Sebenarnya banyak sekali tema dan templates yang disediakan oleh http://emailmeform.com tetapi karena yang dicari adalah bagaimana cara membuat form hubungi atau contact form di blogger ya yang kita bahas sebatas ini. Jika para pengunjung tidak puas.... (hehehe jangan bayangin yang lain lo...) bisa mencoba membuat sebuah form yang sesuai dengan keinginannya.

beberapa alamat yang menyediakan fasilitas pembuatan contact form antara lain adalah http://kontactr.com dan http://www.zoho.com. Sedangkan cara pembuatannya pada dasar dan prinsipnya adalah sama seperti langkah-langkah di atas.



Share this article :

13 komentar:

  1. yang bentuk html ada gak gan...

    BalasHapus
  2. akhirnya menemukan juga artikel yang saya cari. thanks

    BalasHapus
  3. kunjungi jg blog aku,,,hihi,,
    lapakbandungcard.blogspot.com

    BalasHapus
  4. Kebetulan sama, blog kita... menggunakan design by Free WP Themes.

    saya mau tanya. kalau membuat Contact dan About pada header itu gimana?

    saya utak-atik gk bisa-bisa.. mohon bantuannya. Semoga blognyua tambah jaya.

    BalasHapus
  5. Trims banget gan.. oiya contact form ini kira2 gratis selamanya atau nggak sih ?
    sekali lagi trims

    BalasHapus
  6. akhirnya nemu juga cara membuat contack form...thanks a lot for this blog...

    maybe u can visit back my blog
    www.pasukanjihad-v2.blogspot.com

    BalasHapus
  7. Masih Bingung!Soalx bahasa inggris di EmailMe Form nya!

    BalasHapus
  8. Artikel yang sangat membantu, thanks ya. sukses selalu...

    BalasHapus
  9. mksh atas info'x y gan sangat bermanfaat sekali, sukses terus y ...

    BalasHapus

Diberdayakan oleh Blogger.

@My Follower

 
Support : TipsNgeblog
Copyright © 2013. Tips Dan Trik Ngeblog - All Rights Reserved
Template Created by Creating Website Used by TipsDanTrikNgeblog
Proudly powered by Blogger