Cara Mudah Membuat Form Lamaran Kerja di Blog

loading...

Selamat datang di The Royal Moringa. Seperti yang sudah saya janjikan sebelumnya, pada postingan kali ini, saya akan membahas mengenai bagaimana cara membuat form melamar pekerjaan di blog/website anda. Sama seperti artikel sebelumnya, Form melamar pekerjaan (Job Application Form) ini pada dasarnya sama cara pembuatannya dengan form pendaftaran pada umumnya. Bagi yang belum membaca artikel sebelumnya mengenai cara membuat form pendaftaran secara umum di blog, silakan klik disini. Nah, sekarang mari kita simak langkah-langkah membuat form melamar pekerjaan berikut ini.

Form Lamaran Pekerjaan

Foto

Data Pribadi

Nama Depan

Nama Belakang

Jenis Kelamin                      Pria Wanita

Tempat Lahir

Tanggal Lahir                        Pilih 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31- Pilih Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember -

Agama                                  Pilih Islam Kristen Katolik Buddha Hindu Konghucu

Tinggi Badan/Berat Badan     /

Kewarganegaraan

Nomor Telepon

Alamat

Email

Latar Belakang Pendidikan Pendidikan Formal

SD/SEDERAJAT

SMP/SEDERAJAT

SMA/SEDERAJAT

DIPLOMA

S1

S2

S3                                  Pendidikan Non Formal

Pengalaman Berorganisasi

1.

2. Penghargaan/Prestasi

1.

2. Pengalaman Kerja

1.

2. Keahlian/Pesan yang Ingin Disampaikan

1. Log in ke akun blog anda > Pada dashboard pilih Posts > New Post

2. Silakan ketik terlebih dahulu kata pengantar atau informasi yang ingin anda sampaikan sebelum pembaca mendaftar atau jika tidak ada, silakan simak langkah nomor 3

3. Copy dan paste kode HTML berikut pada menu HTML yang berada disebelah kanan tulisan Compose.

                               <form action="//submit.form" id="NewsletterSubscription100" method="post" onsubmit="return ValidateForm(this);"> <script type="text/javascript"> function ValidateForm(frm) { if (frm.Name.value == "") { alert('Mohon isi nama anda.'); frm.Name.focus(); return false; } if (frm.Birthplace.value == "") { alert('Mohon isi tempat lahir anda.'); frm.Birthplace.focus(); return false; } if (frm.Birthdate.value == "Pilih") { alert('Mohon isi tanggal lahir anda.'); frm.Birthdate.focus(); return false; } if (frm.Birthdate2.value == "Pilih") { alert('Mohon isi bulan lahir anda.'); frm.Birthdate2.focus(); return false; } if (frm.Birthdate3.value == "") { alert('Mohon isi tahun lahir anda.'); frm.Birthdate3.focus(); return false; } if (frm.Nationality.value == "") { alert('Mohon isi kewarganegaraan anda.'); frm.Nationality.focus(); return false; } if (frm.hw.value == "") { alert('Mohon isi tinggi dan berat badan anda.'); frm.hw.focus(); return false; } if (frm.religion.value == "") { alert('Mohon isi agama anda.'); frm.religion.focus(); return false; } if (frm.Education.value == "") { alert('Mohon isi riwayat pendidikan anda.'); frm.Education.focus(); return false; } if (frm.Address.value == "") { alert('Mohon isi alamat domisili anda.'); frm.Address.focus(); return false; } if (frm.Phone.value == "") { alert('Mohon isi nomor telepon anda.'); frm.Phone.focus(); return false; } if (frm.FromEmailAddress.value == "") { alert('Mohon isi alamat email anda.'); frm.FromEmailAddress.focus(); return false; } if (frm.FromEmailAddress.value.indexOf("@") < 1 || frm.FromEmailAddress.value.indexOf(".") < 1) { alert('Tolong masukkan alamat email anda dengan benar.'); frm.FromEmailAddress.focus(); return false; } if (frm.Message.value == "") {alert('Mohon isi pesan yang ingin anda sampaikan.');frm.Message.focus();return false;} return true; } </script> <div style="text-align: center;"> <span style="font-size: x-large;">Form Lamaran Pekerjaan</span></div> <br /> <table width="100%"><tbody> <tr><td><u><span style="font-size: large;">Foto</span></u></td></tr> <tr><td><input accept="images/*" name="fileupload" type="file" /></td></tr> <tr><td><u><span style="font-size: large;">Data Pribadi</span></u></td><td><input accept="images/*" name="fileupload" type="file" /></td></tr> <tr><td><label for="Name">Nama Depan</label>                      <input maxlength="50" name="Name" style="width: 290px;" type="text" /></td></tr> <tr><td><label for="LastName">Nama Belakang</label>                  <input maxlength="50" name="LastName" style="width: 290px;" type="text" /></td></tr> <tr><td><label for="Gender">Jenis Kelamin</label>                    <input checked="checked" name="Gender" type="radio" value="Pria" /> Pria  <input name="Gender" type="radio" value="Wanita" /> Wanita</td></tr> <tr><td><label for="Birthplace">Tempat Lahir</label>                      <input maxlength="50" name="Birthplace" style="width: 290px;" type="text" /></td></tr> <tr><td><label for="Birthdate">Tanggal Lahir</label>                      <select name="Birthdate"><option value="Pilih">Pilih</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option></select><label for="Birthdate2"></label>- <select name="Birthdate2"><option value="Pilih">Pilih</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maret">Maret</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Agustus">Agustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="Desember">Desember</option> </select><label for="Birthdate3"></label> - <input max="2017" maxlength="50" min="1950" name="Birthdate3" style="width: 90px;" type="number" /></td></tr> <tr><td><label for="religion">Agama</label>                                <select name="religion"><option value="Pilih">Pilih</option> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Katolik">Katolik</option> <option value="Buddha">Buddha</option> <option value="Hindu">Hindu</option> <option value="Konghucu">Konghucu</option></select></td></tr> <tr><td><label for="hw">Tinggi Badan/Berat Badan</label>   <input maxlength="50" name="Birthplace" style="width: 90px;" type="text" /> / <input maxlength="50" name="Birthplace" style="width: 90px;" type="text" /></td></tr> <tr><td><label for="Nationality">Kewarganegaraan</label>               <input maxlength="50" name="Nationality" style="width: 290px;" type="text" /></td></tr> <tr><td><table width="100%"><tbody> <tr><td><label for="Phone">Nomor Telepon</label>                 <input maxlength="50" name="Phone" style="width: 290px;" type="text" /></td></tr> <tr><td><label for="Address">Alamat</label>                              <input maxlength="50" name="Address" style="width: 290px;" type="text" /></td></tr> <tr><td><label for="FromEmailAddress">Email</label>                                 <input maxlength="50" name="FromEmailAddress" style="width: 290px;" type="text" /></td></tr> <label for="Education"></label><u><span style="font-size: large;">Latar Belakang Pendidikan</span></u><br /> <span style="font-size: small;">Pendidikan Formal</span><br /> <input checked="checked" name="education" type="checkbox" value="SD/SEDERAJAT" /> SD/SEDERAJAT         <input maxlength="50" name="education" style="width: 120px;" type="text" /><br /> <input name="Salary" type="checkbox" value="SMP/SEDERAJAT" /> SMP/SEDERAJAT      <input maxlength="50" name="education" style="width: 120px;" type="text" /><br /> <input name="Salary" type="checkbox" value="SMA/SEDERAJAT" /> SMA/SEDERAJAT     <input maxlength="50" name="education" style="width: 120px;" type="text" /><br /> <input name="education" type="checkbox" value="DIPLOMA" /> DIPLOMA                  <input maxlength="50" name="Address" style="width: 120px;" type="text" /><br /> <input name="education" type="checkbox" value="S1" /> S1                                <input maxlength="50" name="Address" style="width: 120px;" type="text" /><br /> <input name="education" type="checkbox" value="S2" /> S2                                <input maxlength="50" name="Address" style="width: 120px;" type="text" /><br /> <input name="education" type="checkbox" value="S3" /> S3                                <input maxlength="50" name="education" style="width: 120px;" type="text" /></td></tr> <tr><td><span style="font-size: small;">Pendidikan Non Formal</span><br /> <input maxlength="50" name="education" style="width: 290px;" type="text" /></td></tr> <u><span style="font-size: large;">Pengalaman Berorganisasi</span></u><br /> 1. <input maxlength="50" name="organisasi" style="width: 290px;" type="text" /><br /> 2. <input maxlength="50" name="organisasi" style="width: 290px;" type="text" /><br /> <u><span style="font-size: large;">Penghargaan/Prestasi</span></u><br /> 1. <input maxlength="50" name="prestasi" style="width: 290px;" type="text" /><br /> 2. <input maxlength="50" name="prestasi" style="width: 290px;" type="text" /><br /> <u><span style="font-size: large;">Pengalaman Kerja</span></u><br /> 1. <input maxlength="50" name="kerja" style="width: 290px;" type="text" /><br /> 2. <input maxlength="50" name="kerja" style="width: 290px;" type="text" /><br /> <u><span style="font-size: large;"><label for="Message">Keahlian & Pesan yang Ingin Disampaikan</label></span></u><br /> <textarea cols="38" name="Message" rows="5" style="height: 100 px;" wrap="hard">(/textarea)<br /> <script src="https://www.100forms.com/js/FORMKEY:MY3RN65JU78A/SEND:XXXX@XXXX.com" type="text/javascript"></script> <input name="skip_Reset" type="reset" value="RESET" /><input id="skip_Submit" name="skip_Submit" type="submit" value="DAFTAR" /> <br /></tbody></table> </form>

4. Silakan edit form pendaftaran tersebut sesuai dengan kebutuhan anda. Oleh karena kode HTML diatas ditulis menggunakan widget text area, maka silakan anda ganti tulisan (/textarea) dengan </textarea>. Tulisan tersebut dapat anda temukan pada baris ke-9 dari bawah.

5. Jangan lupa mengganti XXXX@XXXX.com dengan alamat email anda

6. Save Template

Cukup mudah bukan untuk membuat form lamaran pekerjaan?. Sama seperti artikel Form Pendaftaran sebelumnya, form lamaran kerja ini telah dilengkapi dengan alert/peringatan dimana ketika ada area yang dikosongi maka akan keluar peringatan untuk pengisi form tersebut. Form lamaran kerja yang saya bagikan pada anda dapat anda tambahi sesuai dengan kebutuhan anda. Ada lagi satu hal yang perlu saya sampaikan, form lamaran kerja ini telah saya lengkapi dengan upload foto sehingga memudahkan dalam melamar pekerjaan. Semoga artikel kali ini dapat menjadi referensi bagi anda dalam membuat job application form di halaman website/blog anda. Terima kasih.

loading...