Jumat, 14 Januari 2011
Membuat Form Kontak (Contact Us) Dengan Emailmeform
Diposting oleh
ayo Indonesia
Sore ini saya akan membahas tentang cara membuat form kontak (contact us) email di blog. Jika anda berkunjung ke sebuah website yang menawarkan produk maupun jasa maka biasanya mereka akan melengkapi websitenya dengan halaman contact us. Tujuannya adalah agar pengunjung bisa mengcontact atau menghubungi mereka untuk melakukan pemesanan atau konfirmasi pembayaran.
Nah yang menariknya adalah menu contact us yang mereka berikan tidak hanya mencantumkan alamat email yang bisa dihubungi saja melainkan dalam bentuk form yang bisa langsung kita tuliskan pesannya. Sehingga kita tidak perlu repot untuk membuka layanan email seperti Yahoo atau Gmail untuk mengirim pesan.
Cara ini juga dapat dilakukan pada blog anda. Ada banyak layanan contact form yang disediakan diluar sana seperti: http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com, http://www.bravenet. com dan masih banyak lagi. Semuanya disediakan secara gratis.
Nah yang menariknya adalah menu contact us yang mereka berikan tidak hanya mencantumkan alamat email yang bisa dihubungi saja melainkan dalam bentuk form yang bisa langsung kita tuliskan pesannya. Sehingga kita tidak perlu repot untuk membuka layanan email seperti Yahoo atau Gmail untuk mengirim pesan.
Cara ini juga dapat dilakukan pada blog anda. Ada banyak layanan contact form yang disediakan diluar sana seperti: http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com, http://www.bravenet. com dan masih banyak lagi. Semuanya disediakan secara gratis.
Karena saya sendiri menggunakan layanan dari emailmeform maka disini saya akan membahas tentang Membuat Form Kontak (Contact Us) Dengan Emailmeform. Bagi yang tertarik silahkan ikuti langkah-langkah dibawah ini:
1. Buka situs http://www.emailmeform.com
2. Klik SignUp for free
3. Kemudian isilah data-data anda dalam form yang disediakan lalu klik Sign Up
4. Setelah itu, anda akan dikirimkan sebuah email konfirmasi.
5. Buka email anda lalu klik pada link yang diberikan.
6. Setelah itu, anda akan mendapat pesan "Confirmation successful. Thank You for completing the signup process". Lalu klik here pada tulisan "Please click here to go into your Control Panel" untuk menuju ke halaman control panel anda.
7. Klik Create New Form yang terletak disebelah kanan halaman.
8. Kemudian anda akan diantar kehalaman pembuatan form seperti ini:
Web Form Name: Isi nama form yang anda inginkan atau dibiarkan saja karena sudah diberi nama secara otomatis
Recipients Emails: Dibiarkan saja karena sudah berisi alamat email anda atau hapus jika anda mau ganti dengan alamat email yang lain.
Spam Email address: Isi alamat email yang mau digunakan untuk menerima email sampah. Jika tidak mau dikosongin aja.
Thank you page: Isi halaman blog yang berisi ucapan terima kasih. Jika tidak ada, isi saja dengan alamat blog anda
Number of fields: Dibiarkan saja
9. Jika sudah klik Next kemudian anda akan masuk kehalaman pengeditan teks. Step ini bisa anda lakukan setelah anda berhasil membuat formnya jadi kita lewatkan saja dengan klik Next.
10. Klik Next lagi. Jika anda ingin memberi teks diatas form seperti contoh dibawah ini:

11. Isi teks yang ingin anda tampilkan pada kolom Form Decription.
12. Jika sudah klik Next
13. Kemudian klik Next lagi
14. Anda akan diperlihatkan tampilan form yang sudah anda buat.
15. Klik Finish
16. Klik Get the HTML codes
17. Copy kodenya lalu pastekan ke blog anda
18. Selesai.
Form kontak (contact us) sekarang sudah jadi dan jika anda ingin mengedit tampilan form. Masuk ke menu Control panel, klik Forms list lalu klik edit. Editlah tampilan formnya sesuai keinginan. Selamat mencoba..
Semoga bermanfaat
Blog Archive
-
▼
2011
(496)
-
▼
Januari
(135)
- Membuat Tampilan Author Berbeda Pada Kotak Komentar
- Modifikasi Kotak Pencarian di Blog
- Menaikkan Traffic Blog Dengan Autosurf Traffic Exc...
- Membuat Subdomain Pada Domain CO.CC
- Membuat Efek Pelangi Pada Link di Blog
- Membuat Artikel Tampil Di Halaman Utama (Post Sticky)
- Membuat Page Flip (Peel Page) di Blog
- Membuat Menu Horisontal Dengan MyCSSMenu
- Cara Import Data Dari Blogspot ke Wordpress
- Memasang Yahoo Messanger di Blog
- Merubah Tampilan Kursor Blogger
- Mengganti Template (Theme) Wordpress
- Membuat Insert More Tag di Wordpress
- Mengenal Nama dan Fungsi Tombol Fasilitas Penyunti...
- Memasang Gambar Pada Pojok Blog
- Memasang Banner Berjajar Horisontal di Blog
- Membuat Acrobatic Horizontal Menu di Blog
- Mengganti Tampilan Huruf di WordPress
- Memasang Emoticon Pada Kotak Komentar di Blog
- Membuat Blog Di WordPress.com
- Cara Install Joomla Via Fantastico
- Cara Install Joomla Manual
- Permudah Mencari Target Hacking Dengan Google ( Go...
- Membuat Tombol Share Post Melayang di Blog
- Membuat Syntax Highlighter di Blog
- Hacker WikiLeaks tentang Perang Cyber
- Membuat Rounded Corner dengan CSS di Blog
- Membuat Tombol Back To Top Di Blogger
- Memasang Tooltip Pada Link di Blog
- Memasang Baloon Tooltip Dengan Kode CSS di Blog
- Mengatur General Settings di Wordpress
- [Tutorial] SQL Injection menggunakan Havij
- Cara Daftar dan Menghasilkan Uang di Neobux
- Membuat Widget Hanya Tampil di Halaman Tertentu
- Membuat Scroll Pada Kotak Komentar Blogger
- Memasang Google CSE di Bawah Posting Blog
- Membuat Teks Berkedip (Blink Text) di Blog
- Membuat Background Gambar di Postingan Blog
- Update Mengaktifkan Plugin Akismet di Wordpress
- Memonitor Pengunjung dengan Google Analytics
- Upload File Themes dan Plugin Wordpress dengan FTP...
- Membuat Kategori Di WordPress
- Membuat Efek Mirror/Reflect Pada Gambar di Blog
- Memasang Alert Message di Blog
- Mengganti Read More Dengan Icon di Blog
- Memasang Bookmark AddThis Di Blog
- Auto play and auto replay youtube embed
- Menghilangkan Icon Quick Edit di Blog
- Cara Membagi Header Menjadi Dua Kolom di Blog
- Modifikasi Blockquote Di Blogspot
- Cara Memasang Tombol "Save as PDF" Di Blogger
- Membuat Dock Menu di Blog
- Mengganti Pager Link Blogger Dengan Icon
- Tutorial CSS Border Padding dan Margin
- Membuat Border Dan Background Template Blogger
- Membuat Reply Pada Kotak Komentar di Blog
- Cara Membuat Internal Link di Blog
- Cara Penempatan Internal Link di Blog
- Optimasi Gambar Untuk SEO Dengan Alt Tag di Blogspot
- Membuat Kolom Iklan Sidebar Ads di Blogspot
- Mengganti Tanggal Posting Dengan Icon di Blog
- Cara Membuat Spolier Di Blogspot
- Memasang Kategori tententu dengan Thumbnail di Blog
- Menambah Dua Kolom Dibawah Postingan
- Cara Merubah Lebar Kolom Template
- Solusi Buat Yahoo Messenger Yang Tidak Keluar Text...
- Memasang Slider Gambar ala Drakon Template
- Memasang Gambar Slide Ala Zinmag Primus
- Memasang Jam di Blogspot
- Memasang Translate Gambar Bendera di Blog
- Membuat Menu Navigasi Horisontal dan Kotak Pencari...
- Membuat Bingkai Tulisan di Blog
- Memasang Menu Slide-In di Blogspot
- Tips Untuk Meningkatkan Google Page Rank
- Google Page Rank Dan Manfaatnya
- SEO Tips dengan Melakukan Blog Ping
- Cara Submit Blog di DMOZ
- 10 Situs Template Blogger Terbaik
- Membackup Template, Widgets dan Artikel Blogger
- Mengganti Header Template Blogger
- Cara Optimasi Tampilan Blog Dengan Template Baru
- Membuat Hosting File Javascript di Google Code
- Menambah Add a Gadget pada Template Blogger
- Menghilangkan Angka Pada Label di Blog
- Meningkatkan Alexa dan Google Page Rank Dengan Gro...
- Membuat Efek Gradiasi Dengan CSS3 di Blog
- Download 20+ set icon RSS pilihan
- Daftar Blog ke Berbagai Search engines
- Cara Daftar Blog di Bing Webmaster Center
- Mengkompress File Gambar di Postingan Blog
- Modifikasi Sidebar di Blogspot
- Memasang Tracker atau Sitemeter di Blog
- Mengenal Area Post Editor Blogger
- Cara Daftar Blog di Google Webmaster Tools
- Memasang Feedjit di Blogspot
- Memasang Widget pada Halaman Tertentu
- Membuat Related Post di Wordpress
- Daftar Blog di Yahoo Site Explorer
- Membuat Form Kontak (Contact Us) Dengan Emailmeform
- XCODE vs Yogyacarderlink
- Cara Agar Blog Terindeks Search Engine
- Memasang Tombol Google Buzz di Blog
- Modifikasi Kotak Berlangganan di Blogspot
- About p4r46hcyb3rn3t
- Memasang Artikel Berlangganan di Blog
- Sosialisasi Twitter Dengan Feedburner
- Hilangkan Judul Widget pada Sidebar
- Widget yang Harus Dimiliki Suatu Blog
- Membuat Background Efek pada Widget di Blog
- Membuat Shadow Effect Pada Gambar di Blog
- Membuat Blog di Blogspot
- Membuat Navigasi Halaman dengan Javascript di Blog
- Mempercepat Loading Blog dengan CSS Compressor
- Memasang Kode Warna di Blog
- Membuat Blog SEO Friendly Dengan Meta Tag
- Memasang Kalender Digital Di Blog
- Tentang PPC dan Daftar Situs PPC Lokal
- Menambah Sidebar WordPress
- Cara Membuat Teks Berjalan di Menu Bar
- Cara Memasang Widget Top Komentator Cloud di Blog
- Cara Pasang Musik Player di Blogspot
- Membuat Efek Bayangan Teks Dengan CSS3
- Memasang Efek Salju di Blog
- Cara Memasang Breadcrumb di Blogspot
- Membuat Kotak Komentar Di Bawah Postingan Blog
- Membuat Daftar Isi Otomatis di Blogspot
- Membuat Daftar Isi Manual Di Blogspot
- Menghilangkan Langgan : Entri (Atom) dan Subscribe...
-
▼
Januari
(135)