Langsung ke konten utama

Menambahkan HEADER pada OJS 3

Untuk contoh ini saya menggunakan thema OJS theme Manuscript pada ojs versi 3.xxx dengan menggunakan CSS. Adapun Langkah-langkahnya sebagai berikut :


  • Langkah pertama pastikan theme Manuscript sudah terinstal di OJS masing-masing, kalau belum bisa di instal melalui cPanel atau hosting ojs kalau teman-teman bukan sebagai admin bisa minta bantuan sama admin cPanel. 
  • Anda sudah punya akun sebagai journal Manager di OJS yang akan di ubah logo headernya menjadi full 
  • jika anda sudah logon di OJS menggunakan akun journal manager pilih Dasboard - - > Settings dan klik Website
  • setelah anda klik menu Website silahkan tunggu sampai muncul tampilan baru lalu pilih “Appearance” upload gambar dalam format “PNG” dengan ukuran gambar header dengan width:6000px dan height:908px pada menu “logo”.
  • Pastikan memilih theme Manuscript pada menu “thema”
  • Buat kode css terlebih dahulu, bisa menggunakan notepad atau Notepad ++
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name > a {
  padding-top: 0;
  padding-bottom: 0;
}
.pkp_site_name .is_img img {
  max-height: 200px !important;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}
.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
}
.pkp_structure_page {
  margin-top: 20px !important;
  margin-bottom: 20 !important;
  padding-bottom: 20 !important;
}

  •  Setelah anda sudah buat kode css silahkan pilih menu Dasboard - - > Settings - - > Website - - > Appearance lalu upload kode css yang telah dibuat pada menu “Journal style sheet” 
  • Langkah terakhir klik “save” lalu lihat perubahan yang terjadi pada tampilan OJS. Jika belum berubah silahkan refresh browsernya terlebih dahulu atau clear cache.

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Transfer data menggunakan kabel LAN crossover

Caranya : Hubungkan kedua latop/komputer dengan kabel UTP cross LAN, jika sudah benar, maka indikator akan menyala di tempat kalian mencolokkan kabel LAN tersebut. Jika sudah, klik menu  START  >  Control Panel  >  Network and Internet  >  Network Connections . Lalu pilih  Local Area Network  >  klik kanan  >  Properties  >  Internet Protocol Version 4 (TCP/IPv4) . Kemudian atur IP LAN masing-masing komputer/laptop seperti gambar dibawah ini: Misalkan komputer/laptop A: dan komputer/laptop B: Jika sudah sampai men-setting IP address pada kedua komputer/laptop, sekarang kalian bersiap mengirim file. Sebelumya, jika kalian ingin mengirim file ke komputer/laptop B, buatlah sebuah folder di Desktop laptop B. Misalkan saja kalian memberi nama folder tersebut dengan nama "LAN". Kemudian klik kanan > Properties. Pilih tab  Sharing , lalu klik  Advanced Sharing  >...
Posting Komentar
Baca selengkapnya

Solusi Mengatasi MySQL Shutdown Unexpectedly (PROVE)

  Cara mengatasi error tersebut sangat mudah, yakni menggunakan folder backup bawaan XAMPP pada saat instalasi, berikut langkah-langkahnya: masuk ke dalam folder xampp/mysql ubah nama folder xampp/mysql/data menjadi xampp/mysql/data_old buat folder baru xampp/mysql/data copy semua file yang ada di dalam folder xampp/mysql/backup ke dalam folder xampp/mysql/data yang baru saja dibuat copy semua folder database yang ada di dalam data_old ke dalam folder data (kecuali folder mysql, performance_schema, phpmyadmin, dan test) kemudian copy and replace file ibdata1 pada folder data_old ke dalam folder data jalankan kembali MySQL pada XAMPP selesai
Posting Komentar
Baca selengkapnya

Cara Setting Aplikasi CBT Offline Beesmart V3 REV 3 bila tombol Bank Soal Baru TIDAK ADA

Assalamualaikum, Wr. Wb. Kali ini saya akan membagikan dan memberikan tutorial tentang instalasi aplikasi CBT versi3.3 yang berbeda dari versi sebelumnya. Semenjak pemerintah mengadakan ujian berbasis komputer banyak sekali sekolah-sekolah yang mengadopsi metode ini, tujuannya tidak lain adalah untuk mempermudah proses penilaian. Selain itu bisa juga menghemat penggunaan kertas pada saat ujian. Kelebihan yang dimiliki aplikasi Beesmart ini adalah bisa digunakan walaupun memiliki keterbatasan server. Karena bisa dijalankan walaupun menggunakan komputer desktop dengan spesifikasi minimum. Tanpa banyak basa basi mari kita lanjut ke tutorialnya. Aplikasi yang dibutuhkan sbb: 1. Aplikasi CBT Beesmart V.3 Rev.3  2. XAMPP 5.6.15-2-VC11  Setelah kedua aplikasi di download langkah selanjutnya adalah: 1. Instal aplikasi XAMPP sampai selesai. 2. Lalu jalankan aplikasi XAMPP 3. Klik tombol start pada No 1 dan 2 seperti digambar dibawah ini 4. Kemudian Extract file B...
Posting Komentar
Baca selengkapnya