*{ margin:0; padding:0; } body { font:14px/1.3 Arial,sans-serif; background-color:#212121; } header { background-color:#212121; box-shadow: 0 -1px 2px #111111; color:#fff; display:block; height:70px; position:relative; width:100%; z-index:100; } header h2{ font-size:22px; font-weight:normal; left:50%; margin-left:-400px; padding:22px 0; position:absolute; width:540px; } header a.stuts,a.stuts:visited{ border:none; text-decoration:none; color:#fcfcfc; font-size:14px; left:50%; line-height:31px; margin:23px 0 0 110px; position:absolute; top:0; } header .stuts span { font-size:22px; font-weight:bold; margin-left:5px; } .container { height: 571px; margin: 30px auto; width: 957px; }

Halaman

Minggu, 01 September 2013

Belajar Trik Ngeblog


Cara Membuat Contact Form atau Form Hubungi Di Blogger

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.
 



Powered byEMF Web Form

Tidak ada komentar:

Posting Komentar