Menambah fasilitas situs/ website
Beberapa baris kode HTML dan pengaturan pada halaman situs Anda.
Ada dua dokumen yang perlu Anda unduh untuk menambah halaman situs Anda dengan dikarier. Satu dokumen berisikan program
JavaScript dan satu lagi untuk mengatur tampilan di situs Anda. Simpan hasil unduhan pada folder situs Anda.
Unduh dokumen.
Setelah mengunduh kedua dokumen tersebut, Anda perlu menambahkan beberapa baris kode HTML
tepat di halaman dimana Anda akan menampilkan informasi lowongan kerja dikarier.
Menambah JavaScript dan tampilan di situs Anda.
Untuk menambah JavaScript dan pengaturan tampilan di situs Anda, buka halaman HTML dan di
bagian atas halaman Anda akan menemukan tag head. Tulis baris berikut ini tepat diatas tag penutup head
</head>.
<script type="text/javascript">
dikarier_id='';
dikarier_cssurl='url-situs/dikarier.2.1.css';
</script>
<script type="text/javascript" src="dikarier.1.5.min.js"></script>
Anda dapat mengatur tampilan informasi lowongan kerja di halaman situs Anda dengan memperbarui CSS dikarier. Jangan
lupa untuk merubah nama dokumen dan variabel dikarier_cssurl setiap kali Anda memperbarui dokumen CSS. Merubah nama dokumen seperti
memberi perintah kepada browser untuk membaca kembali pengaturan tampilan di halaman situs Anda.
Menampilkan form pencarian informasi lowongan kerja.
Dengan menambah beberapa baris kode HTML di situs Anda, Anda dapat menampilkan tiga bagian utama
integrasi. Ketiga bagian itu adalah form pencarian, informasi lowongan kerja, dan kolom menu. Ketiga bagian utama ini dapat
ditampilkan dimana saja sesuai dengan kebutuhan Anda.
Untuk menampilkan form pencarian informasi lowongan kerja di halaman situs Anda, Anda dapat
menambahkan baris berikut ini tepat di halaman Anda menambah JavaScript dan pengaturan tampilan.
<form action="https://dikarier.com/frame/" method="post" target="dikarier">
<input maxlength="50" type="text" name="q" value="" />
<input type="submit" name="pencarian" value="Temukan" />
</form>
Dengan menambahkan baris diatas Anda akan mendapatkan form pencarian sebagai berikut:
Menampilkan informasi lowongan kerja.
Untuk menampilkan informasi atau hasil dari form pencarian diatas, Anda cukup menambahkan
baris berikut ini.
<iframe src="https://dikarier.com/frame/?anchor=false" name="dikarier" id="dikarier" width="100%" scrolling="no" style="border:0;"></iframe>
Dengan menambahkan baris diatas, halaman situs Anda akan menampilkan informasi lowongan
kerja sebagai berikut:
Elemen dengan nama dan id="dikarier" menampilkan hasil dari form pencarian, yang berisikan
informasi lowongan kerja, halaman pendaftaran untuk pencari kerja, login, melamar kerja, dan fitur lainnya yang Anda
sediakan di halaman situs Anda. Untuk mengatur tampilan di elemen ini, Anda dapat memperbarui dokumen CSS dikarier.
Merubah CSS dikarier
Menampilkan menu.
Seperti menambahkan tautan menggunakan
<a href="halaman-yang-dituju"></a>, untuk menampilkan menu dikarier,
gunakan tautan menggunakan id tanpa href seperti contoh dibawah ini:
<div id="dikarier-container-menu">
<div class="kolom-menu">
<div class="menu-judul">Layanan</div>
<div class="container-menu">
<a id="halaman-karier" class="menu">Karier</a>
</div>
</div>
<div class="kolom-menu">
<div class="menu-judul">Identifikasi</div>
<div class="container-menu">
<a id="halaman-pencari-kerja" class="menu">Pencari Kerja</a>
</div>
</div>
</div>
<div id="dikarier-container-menu-login-pencari-kerja">
<div class="kolom-menu">
<div class="menu-judul">Pencari Kerja</div>
<div class="container-menu">
<a id="login-pencari-kerja-riwayat" class="menu">Riwayat Hidup</a>
<a id="login-pencari-kerja-lamaran" class="menu">Surat Lamaran</a>
<a id="login-pencari-kerja-berkas" class="menu">Berkas Lamaran</a>
<a id="login-pencari-kerja-pengaturan" class="menu">Pengaturan</a>
</div>
</div>
<div class="kolom-menu" style="">
<div class="menu-judul">Layanan</div>
<div class="container-menu">
<a id="login-pencari-kerja-karier" class="menu">Karier</a>
</div>
</div>
<div class="kolom-menu">
<div class="menu-judul">Identifikasi</div>
<div class="container-menu">
<a id="login-pencari-kerja-datadiri" class="menu">Data Diri</a>
<a id="login-pencari-kerja-foto" class="menu">Foto</a>
<a id="login-pencari-kerja-katakunci" class="menu">Kata Kunci</a>
<a id="login-pencari-kerja-logout" class="menu">Logout</a>
</div>
</div>
</div>
<style type="text/css">
.kolom-menu{
display:inline-block;
vertical-align:top;
margin-right:25px;}
.menu-judul{
font-size:12px;
font-weight:bold;
text-transform:uppercase;}
.container-menu{margin:10px 0 20px;}
.menu, .menu:active, .menu:focus{outline:0;}
.menu{
display:block;
text-decoration:none;
color:#265180;}
.menu:hover{text-decoration:underline;}
</style>
Dengan menambahkan baris diatas, halaman situs Anda akan menampilkan menu sebagai berikut:
Tautan ini membuka halaman informasi lowongan kerja. Ada dua kontainer tautan:
- Menu sebelum pencari kerja login dengan id="dikarier-container-menu".
Tautan menu di kontainer ini tampil ketika
pengguna layanan belum login.
- Menu sesudah login dengan id="dikarier-container-menu-login-pencari-kerja".
Tautan menu di kontainer ini
tampil ketika pengguna layanan sudah login.
Daftar tautan dan halaman yang dituju.
Menu sebelum login.
Berikut ini daftar tautan dan halaman yang dituju sebelum pengguna login (berada di kontainer
dengan id="dikarier-container-menu").
Menu sesudah login.
Berikut ini daftar tautan dan halaman yang dituju sesudah pengguna login (berada di kontainer
dengan id="dikarier-container-menu-login-pencari-kerja").
Anda perlu mendaftarkan nama domain yang akan menampilkan informasi lowongan kerja dikarier. Pengisian nama domain ini
sangat dibutuhkan untuk meningkatkan jalur keamanan antara situs Anda dengan dikarier.com