Cara Membuat Halaman Contact Form (Contact Me) di Blog/Website
Contact Form, seringkali disebut juga sebagai halaman "Contact Me" atau "Kontak Saya", merupakan bagian terpenting dari blog/website yang berfungsi sebagai media korenspondensi formal dan personal. Meskipun sudah ada banyak media lain, namun halaman kontak menjadi pilihan karena menjaga privacy bagi kedua belah pihak, yaitu pemilik blog/website dan visitor/customer. Form ini juga berfungsi menghindari spam yang dikirim melalui email.
Oleh karena itu, untuk menghindari resiko tersebut digunakanlah contact form. Saya telah merasakan banyak manfaat dari penggunaan Contact Form ini, hampir setiap hari ada visitor yang menggunakan Contact Form untuk menanyakan beberapa hal, bertanya tentang tips-tricks blogger, memasang iklan, meminta jasa membuat blog, SEO dan lain-lain. Baru setelah ada korespondensi lebih lanjut, saya menggunakan media email/chat secara langsung.
Untuk blog Blogger/Blogspot, halaman ini secara default tidak disediakan, lain halnya dengan WordPress dimana fitur ini sudah terintegrasi. Namun jangan khawatir, anda dapat membuatnya dengan beberapa langkah sederhana saja, yaitu menggunakan Contact Form eksternal yang diinstal di halaman blog/website.
1. Pilih salah satu dari situs penyedia Email Contact Form di bawah ini yang menurut anda cocok:
a. 123 Contact Form
b. FormSpring
c. Kontactr
d. PagePow
e. My Contact Form
f. Email Me Form
2. Buat akun di situs yang telah anda pilih dan ikuti beberapa langkah untuk membuat Contact Form. Seluruh tutorial di situs-situs tersebut sudah sangat jelas jadi tidak perlu lagi disampaikan disini. Anda dapat mengkostumisasi tulisan, isi pesan, batasan kata (minimum-maximum character), hingga ke tampilan Form tersebut (CSS styling) dengan hanya beberapa klik.
3. Setelah kostumisasi selesai, copy kode yang telah dibuat. Ada beberapa opsi kode yang bisa dipilih, untuk blog blogger/blogspot, pilih opsi kode berjenis HTML/Javascript dan bukan yang PHP.
Cara Membuat Halaman Contact Form di Blog:
1. Buatlah sebuah halaman posting baru dengan judul "Contact Me", "Kontak Saya", "Hubungi Saya", atau apapun yang anda lebih sukai. Saya sarankan jenis halaman tersebut adalah halaman statis (static page) dan bukan halaman posting seperti biasanya, karena halaman tersebut bersifat "timeless" atau tidak mengandung url yang menunjukkan bulan dan tahun. Selain itu, halaman Contact Me juga tidak membutuhkan optimasi search engine (SEO) seperti halaman posting lain.
Cara membuat halaman statis di blogger: Dashboard > New Post > Edit Pages > New Page.
2. Klik "edit HTML" (disebelah pojok kanan atas kotak posting).
3. Masukkan kode Contact Form yang telah dibuat tadi ke kotak posting.
4. Untuk preview hasilnya, cukup klik "Compose" (kembali ke menu WYSIWYG).
5. Jika sudah beres, bisa langsung disimpan atau bisa ditambahkan beberapa tulisan lain sekehendak anda.
6. Kemudian Publish.
7. Pasang link secara manual ke link list blog, menu, atau tempat-tempat lain yang diinginkan.
8. Done!
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com
Cara Membuat Halaman Contact Form (Contact Me) di Blog/Website
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Terima kasih utk artikelnya,BTW saya mau tanya,kenapa google adsense saya selalu ditolak,mohon petunjuknya. Thanks
Sepengetahuan saya, faktor utamanya adalah jenis konten dan juga halaman, dengan memperhatikan beberapa faktor di antaranya:
1. Konten yang sudah cukup, jumlah posting tentunya.
2. Niche atau topik2 utama yang diangkat, pastikan punya daya jual tinggi.
3. Jumlah Traffic, kalkulasi antara jumlah visitor dan pageview.
4. Ini yang sering terlewatkan, Google Adsense tidak suka ada pesaing di dalam halaman yang sama, baik ppc maupun afiliasi.
5. Design, meskipun masih agak diperdebatkan,namun telah terbukti design yang bagus (dalam artian enak dipandang mata) lebih mudah di-approve adsense.
Blognya yang mau didaftarkan yang mana mas? muga2 bisa membantu beberapa poin di atas.
Thanks list Contact Form providernya. Sangat bermanfaat :D
Terima kasih atas informasinya yang sangat memuaskan dan saya akan evaluasi kembali blognya maklumlah saya masih belajar dan belajar, jadi belum memahami teknisnya. THANKS
ya mas, Good luck buat Google Adsense-nya :D
kebetulan lg belajar wordpress, bingung cara bikin contact form eh disini dijelasin. thanks gan...
yah, terima kasih sudah "tersesat" di sini mas :D Makasih dah berkunjung dan berkomentar. Senang rasanya bisa membantu. :)
thnk's ya mas bro...untuk bagi2 ilmunya...slm knl dr blogger jogja..
yup, salam kenal juga buat teman2 di jogja
trimakasih infonya mas, saya sudah coba emailmeform.com dan berhasil, tapi ada satu masalah, setelah submit e-mail. langsung tampil ke emailmeform.com dan tidak balik lagi ke blog saya.
gmana? apakah contact formnya juga sama seperti itu?
ya memang begitu bro, itu kan memang redirect ke halaman respon dari emailmeform, jadi gak kembali ke halaman semula. emang begitu kok. maka untuk halaman-halaman semacam itu diberi link diberi target ke new window, jadi ketika pengunjung ingin buka halaman kontak, halaman tersebut akan terbuka di hal baru, sehingga masih ada halaman lama kalo2 dia masih pengen browsing hal blog kita.
oke makasih banyak bos atas informasiny
nice info gan sukses yah kunjungi blog saya http://hendrikronaldo.wordpress.com
bagus gan,,ane senang di kasih info kayak gini,,sebenarnya relevan saja postingan anda sangat menarik dan informatif,,ajung jempol dah buat juragan,,,sip,,langsung ke TKP
Niyang aku cari kemana2 thanks poll ya sob, jangan sungkan2 mampir ya di blog saya...
Permisi, mau nanya, kan di blog situ ada laman blog tips. lha di blog tips'nya itu ada laman lagi kan?
nah itu caranya gimana ya ?
makasih sebelumnya ..
@Rara: Itu saya bikin secara manual. Buat halaman posting seperti biasa, kemudian link-link posting saya susun di halaman itu.
Ikut nyimak,saya masih newbie,,Ikut nyimak,saya masih newbie,,
makasi infonya sangat membantu
Makasih kang tutorialnya..
thx bro
Thanks yak :D
info yang sangat bermanfaat sob, pasang ach, mkasih yaaa
trims atas ilmunya, akan dipraktekkan. salam kenal...
ya lumayan, nambah ilmu
mksh ms bro atas ilmunya. ane cri2 artikel ttg ni ternyta dapt jg hee oia ane msh bingung ni ms, klo pengujung ada yg isi contack form lh nt ngeceknya dmn ya? hee maaaf maklum msh baru..
Link rujukan di atas gratis tapi ada batas pemakaian. kalo sudah habis batasnya kita musti bayar.
ada gak bro yang benar2 gratis selamanya :D
Saya ucapkan terimakasi kepada pemilik situs ini, jika diperkenankan saya ingin bebagi link
Nah ini yang saya cari cari, baru nemu dan lengkap banget
sangat membantu gan
makasih
Thank bro .... bener bener thank .....
Mntp Infonya
udah nyari tutor kemana - mana eh akhirnya nemu juga diblog ini.. makasih om..
Pertama-tama Makasih banget buat referensi link contact form-nya. Tapi kalau boleh tau nih, sang penulis sendiri lebih rekomendasi pakai yang mana sich?? dan untuk halaman contact-me blog ini hand-made or else?
Salam..
Berhasil gan, kalau sitemap gmn ya ?
Wah.. Makasih Banyak Gan! Soalnya saya lagi butuh banget buat contact form di Blog saya.. Makasih banyak ya gan.. Very Recomended (Y)
makasi mas bro... blog ku jadi ada contact form nya sekarang.
thanks ilmu nya mas..
kunjungi balik y
http://danilsyam.blogspot.com/
wow, ada juga. btw, dari pertama ngeblog sampai sekarang, buka rahasia emang top hihi :D
thx buat infonya
woman-diary.com
berhasil mas, saya pilih emailmeform
cuman kayanya ada batas pemakaian kalo yg gratis
sebelumnya saya pakai yg no 1, ga ada code html nya
thanks...
Makasih bos tipsnya sangat bermanfaat.
Akhir-nya ketemu juga disini, terima kasih pak sudah berbagi, saya mau coba buat dulu ini...
Alhamdulillah dapat yang aku cari. Tinggal dipraktekin. Makasih udah share.
mantab bro. sangat membantu. thanks
terima kasih gan masukannya.....
oh ya gan, sama kayak saudara Jakatunggara, blog saya juga tidak diterima oleh google adsense.
blog saya membahas tentang "misteri".
apa itu termasuk yang tidak diterima google adsense??
Mantap sob... makasih buat infonya
yes, akhirnya dapat juga cara bikin halaman kontak.
Saya banyak belajar dari blog ini :)
Mas kalau berkenan saya mau pakai theme blog ini.
Thanks gan, sgt bermanfaat bg nubie.. :D
mantap infonya gan..
kalau membuat form yang langsung ke email kita gimana? kalau dari pilihan form online, kayaknya bayar ya setelah itu ada batas waktu pula. saya kepingin membuata autorespon dari contact us bisa gak ya? tanpa aplikasi autolook yang muncul..
mas maksih banget . artikelnya banyak membantu saya mengembangkan blog baru saya kapan - kapan mampir
wokeee sip
Pak Ahmad, sy suka sekali membaca tulisan Anda dan layout blogspotnya Rapi. Boleh bagi ilmu nya Pak Ahmad, gimana caranya bisa buat layoutnya seperti punya Bapak ?
THX BGT MASS E SEMOGA BERMANFAAT BAGI SEMUA ORANG AMIN...
Yang recommended yang mana ya mas. maklum newbie..
Saya sarankan EmailMeForm, desainnya bagus dan fiturnya kaya, termasuk ada fitur untuk upload file juga.
menurut agan dari pilihan diatas paling ringan yang mana loadingnya gan? minta sarannya. oy, aku juga punya blog baru. mampir yah http://pulsappreoad.blogspot.com
Cari yang pake HTML form biasa, yang pake javascript memang agak beratan dikit.
Mantap gan........ Sukses slalu :)
*Thanks
Tanks brow..
Ane sedot ni cara.
sebenarnya ada perbedaan enggak sih pak antara contact me dan contact us,terus bagaimana supaya postingan tidak semata mata seperti postingan artikel,biar halamanya blank gitu.newbie sejati mencari sesuatu ni pak
akhirnya menemukan tutorial ini.. thanks yaa :)
itu kalau free bisa permanent ga' Mas ?
Salam http://hikayahhati.blogspot.com/
mau tanya gimana cara pasang script dari kontactr ke website yang menunya sudah tersedia otomatis? bagaimana cara mengedit html untuk menu contact yg sdh tersedia otomatis tadi?
ownme: ke depan akan saya ulas lengkap mengenai tutorial membuat dan memasang kontaktr ya, ditunggu.
Penjelasan mengenai situs yang menyediakan kontak form sangat komplit,nice info
Kalo mau buat Contact Us yang kalo diklik langsung menuju laman fp facebook bagaimana caranya gan?
langsung aja taruh link fp di menu, kasih anchor "contact us"
Wah,, Tutorial nya lengkap bangat nih disini, mudah dimengerti lagi,, izin coba buat mas untuk blog saya,,
Salam mas dari http://mhinimize.blogspot.com/
Post a Comment