Cara Buat Borang Online:: Contact Form ::

contoh Contact Form

Kali ini saya hendak kongsi dengan anda semua ialah entry cara2 hendak membuat borang online 'contact form'. Dan entry ini adalah permintaan khas cik Iza dari Teratak Usang...

mesej dari Cik Iza dari Teratak Usang

Apa yang unik borang ini berbeza dengan borang yang lain kerana anda boleh reka borang anda mengikut citarasa anda. Jika anda ingin membuat borang tersebut, anda mesti membuatnya dilaman web EmailMeForm. Bagi yang berminat boleh ikut cara2 buat ini, yang kurang minat tu sila abaikan tidak ada paksaan untuk membuatnya. Just entry hanya perkongsian maklumat jer.... Sebelum anda mengikuti terus dilaman EmailMeform ... rasanya elok juga tengok rujukan dibawah ini...

Sebelum anda meneruskan matlamat anda... sila baca langkah2 untuk membuatnya senang sebagai rujukan.....

1. Sila login ke website EmailMeForm .... nanti kuar macam gambar rajah seperti dibawah ni.....

klik untuk besarkan

2. Bagi siapa yang baru nak belajar godek2 benda ni, mestilah klik Singup Now for Free... tu yang simbol warna kuning....

3. Bila dah klik simbol kuning , nanti keluar pula borang yang hendak diisikan tu... cuba tengok gambar bawah ni....

klik untuk besarkan

4. Anda mesti isi ruangan yang saya tandakan bulat merah tu wajib isi. Nak isi tu ikut kehendak admin ok. dah siap semua klik Sign Up... kalau dah tak ade apa problem.. satu info bagitau anda ... sila semak email anda.

5. Apa yang perlu anda buat ialah sila buat semakan di email anda ... kot2 dah masuk dah... kalau dah masuk kat email baca betul2... nanti pihak admin suruh klik satu arahan untuk buat pengaktifan permohonan anda. Kalau nak buat juga.. klik jer aktifkan..... senangkan.

6. Bila dah aktif akaun anda itu.... seterusnya anda bolehlah login ke EmailMeForm dengan menggunakan username dan password yang telah anda buat tu.... Bila dah login tu nanti keluar pula screen cam kat bawah ni........

klik untuk besarkan

7. Apa yang perlu anda lakukan klik Templates .... klik Customize contoh gambar atas tu...

8. Klik Add Field... tengok gambar dibawah ni... Anda perasan tak menu2 kat kotak yang berwarna biru tu.... Itu menu untuk anda buat tambahan... contoh jika anda hendak tambah web site klik aje kat menu web site... kalau anda hendak delete klik atas kotak mana2 yang sebelah kanan tu klik delete...

klik untuk besarkan

9. Jika anda ingin edit borang tersebut sila klik Form Setting.. tengok contoh gambar bawah ni..... Dan jika anda dah puas hati klik butang Save Form...

klik untuk besarkan

10. Bila dah siap save... anda pergi My Form klik Code.... ini adalah untuk anda mengambil kod html untuk di tampalkan kedalam blog anda.... lihat gambar dibawah...

klik untuk besarkan

11. Bila keluar screen seperti gambar di bawah ini, anda cepat2 copy kod HTML tu... kalau nak copy sila copy kod yang diberi dalam kotak yang tengah2 tu.... kod HTML ini anda akan paste kedalam blog anda nanti..

klik untuk besarkan

P/s:: untuk pengetahuan anda, kod HTML ini anda boleh tampal mana2 anda suka... contoh kalau ingin tampal dalam ruangan posting entry anda hanya paste dalam post entry. Dan jika ingin paparkan terus diluar ruangan entry anda boleh ikut step seterusnya,,,,,,,

12. Seterusnya anda mesti login ke blog anda, go to Design > Page Element > Add a Gadget > HTML JavaScript ....... Paste kod yang anda copy (tengok langkah 11) kedalam kotak JavaScript. save dahulu .. dan anda cuba preview tengok hasilnya, jika ok anda dah berjaya. Anda pilih sendiri lokasi nak letak dimana2.

p/s:: Untuk pengetahuan anda semua, entry ini adalah sangat simple yang saya buatkan untuk tatapan anda. jika hendak lebih maklum lagi anda harus godek2 sendiri dalam akaun anda di EmailMeForm...

Klik website EmailMeForm untuk daftar sebagai pengguna baru....

::selamat mencuba::