Cara Mengubah Logo Header pada OJS 3
Teman-teman pastinya sering melihat logo Header OJS yang memiliki tampilan logo pada header dengan macam-macam gaya, mulai dari ada yang kurang rapi sampai ada yang bagus, salah satu cara membuat logo header pada ojs kelihatan rapi adalah dengan mengaturnya secara full atau kelihatan penuh. Baca Juga Strategi Indexing Journal Eletronik OJS
Membuat logo header penuh merupakan salah satu cara dari sekian banyak cara untuk meyakinkan para pembaca atau para calon penulis bahwa jurnal kita Kelola secara serius dan professional, tapi ingat ya itu bukan ukuran mutlak heheh. baca juga Cara Membuat Statistik Download dan View Abstrak di OJS
Untuk contoh ini saya menggunakan thema OJS theme Manuscript pada ojs versi 3.xxx dengan menggunakan CSS. Adapun Langkah-langkahnya sebagai berikut :
1. Langkah pertama pastikan theme Manuscript sudah terinstal di OJS masing-masing, kalua belum bisa di instal melalui cPanel atau hosting ojs kalua teman-teman bukan sebagai admin bisa minta bantuan sama admin cPanel. Karena pada tulisan ini saya tidak membahasny, mungkin nanti pada tulisan selanjutnya.
2. Anda sudah punya akun sebagai journal Manager di OJS yang akan di ubah logo headernya menjadi full atau penuh contohnya bisa dilihat disini
3. jika anda sudah logon di OJS menggunakan akun journal manager pilih Dasboard - - > Settings dan klik Website seperti tampilan berikut
4. setelah anda klik menu “website” silahkan tunggu sampai muncul tampilan baru lalu pilih “Appearance” apload gambar dalam format “JPG” dengan ukuran gambar header dengan width:6000px dan height:908px pada menu “logo” contoh gambar bisa dilihat disini.
5. Pastikan memilih theme Manuscript pada menu “thema”
6. Buat kode css terlebih dahulu, bisa menggunakan notepad atau Notepad ++ atau dapat mengunduh disini yang sudah saya gunakan.
.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;}
7. Setelah anda sudah buat kode css silahkan pilih menu Dasboard - - > Settings - - > Website - - > Appearance lalu apload kode css yang telah dibuat pada menu “Journal style sheet”
8. Langkah terakhir klik “save” lalu lihat perubahan yang terjadi pada tampilan OJS and ajika belum berupak silahkan refres browsernya terlebih dahulu atau clear cache. Baca Juga Cara Menampilkan DOI di Halaman Depan OJS 3
Demikian tutorial ini dan saya sudah menggunakannya secara langsung, semoga bermanfaat buat teman-teman sampai ketemu Kembali ditulisan berikutnya. Wasalam.