# Install dan Konfigurasi OJS
Step by step install dan Konfigurasi OJS
Full Playlist Youtube : https://www.youtube.com/playlist?list=PLlEPW\_5eA4BNSgGelesLxpBHXktYcNG8V
# 01. Register Akun Hosting
### Memilih Penyedia Hosting
Sebelum memulai Installasi OJS, kita memerlukan hosting dan domain untuk OJS, kita dapat membeli layanan sewa hosting dan domain dari penyedia hosting dan domain, misal bekantanjantan.com
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-38-01.png)
### Registrasi Akun Hosting
Setelah menentukan penyedia hosting pilihan kita, selanjutnya adalah registrasi, cari tombol register / sign up
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-38-51.png)
Isi biodata yang diperlukan untuk registrasi, pastikan semua data benar, terutama Email dan Nomor Telp
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-39-56.png)
Pastikan password anda unik dan skor kekuatan sandi minimal 75%, jika sudah lengkap data-data yang dimasukan klik tombol register / pendaftaran
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-40-11.png)
Setelah registrasi anda akan diarahkan ke halaman dashboard clientarea, anda dapat order hosting dan domain pada halaman ini
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-43-14.png)
Selanjutnya order domain dan hosting
# 02. Order Hosting dan Domain
### Pengecekan Ketersediaan Domain
Sebelum membeli domain, kita harus memastikan nama domain yang mau kita beli belum dimiliki oleh orang lain, pada client area, klik menu **domain -> Daftar Domain Baru**
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-59-08.png)
Pastikan nama domain anda tersedia dan bisa di order, seperti berikut ini
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-22-at-23-59-37.png)
Anda bisa menambahkan langsung ke keranjang, atau order layanan domain dan hosting secara langsung
### Order Domain dan Hosting
Klik menu layanan, kemudian pilih Pesan Layanan Baru
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/6rJscreenshot-2023-09-23-at-00-00-09.png)
Klik sidebar sebelah kiri untuk melihat kategori layanan lainnya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/cFzscreenshot-2023-09-23-at-00-00-19.png)
pilih Cloud Hosting Competent, Pilih paket sesuai keperluan anda, misal Cloud Competent Package 03
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-00-33.png)
Kemudian masukkan nama domain yang sudah kita cek ketersediaannya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-01-15.png)
Setelah dimasukan dan statusnya tersedia, klik tombol Continue
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-01-22.png)
Kemudian pilih jangka pembayarannya dan klik continue
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-01-46.png)
kemudian setelah kita lanjutkan, anda akan diarahkan ke halaman review dan anda dapat memasukkan kode promo atau kupon untuk potongan harga, jika sudah klik checkout
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-02-16.png)
kemudian pilih metode pembayaran dan klik checkbox "saya telah membaca dan setuju dengan ketentuan layanan" dan klik tombol Complete Order
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-03-16.png)
kemudian lakukan pembayaran sesuai dengan metode yang dipilih
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-04-45.png)
ketika sudah bayar maka anda akan diarahkan kembali ke halaman clientarea
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-59-11.png)
### Login ke Panel DirectAdmin
untuk login ke panel directadmin, klik menu layanan -> layanan saya, klik menu layanan pada content
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-59-11.png)
Klik tombol aktif pada field status
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-01-23.png)
kemudian anda dapat melihat detail layanan hosting yang dipilih, mulai dari hostname dan ip address alamat hosting anda, scroll ke bagian bawah
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-02-04.png)
klik tombol login directadmin
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-03-02.png)
anda akan diarahkan ke panel directadmin untuk mengelola hosting
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-03-29.png)
### Manajemen Domain
Untuk manajemen Domain anda, klik menu domain, kemudian klik domain saya, atau pada dashboard clientarea, klik content Domain
**[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-00-59-11.png)**
pada daftar domain, anda dapat melihat daftar domain anda, klik tombol aktif pada field status untuk melihat informasi detail lainnya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-05-28.png)
informasi detail dari domain yang dibeli, pada bagian sidebar kiri, kita dapat me-manage domain kita untuk merubah nameserver, modifikasi dns, dan lain sebagainya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-06-57.png)
### Pengecekan Propagasi DNS
setelah domain kita beli, diperlukan waktu maksimal 2x24 jam untuk propagasi DNS ke seluruh server DNS di dunia agar mengetahui alamat IP dari domain kita, terkadang proses ini cukup cepat, terkadang lama tergantung DNS Server yang digunakan.
untuk melakukan pengecekan secara sederhana, kita bisa ping domain tersebut, caranya ping nama\_domain pada CMD atau Terminal MacOS/Linux
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-10-30.png)
Jika IP nya sudah sesuai, seharusnya domainnya sudah bisa diakses, seperti berikut ini
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-11-25.png)
# 03. Generate SSH Public Key dan Upload ke Hosting
### Generate SSH Private dan Public Key
untuk generate SSH Private dan Public Key, buka Terminal / CMD
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-36-41.png)
Jalankan perintah
```bash
ssh-keygen -t rsa
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-19-52.png)
setelah SSH Private dan Public key digenerate, kita pastekan Public Key ke Hosting, untuk mendapatkan value dari SSH Public Key jalankan perintah
```bash
cat /Users/naja/.ssh/mijournal_rsa.pub
```
copy output dari command cat ke panel directadmin
### Upload SSH Public Key ke DirectAdmin
untuk upload SSH Key yang sudah digenerate, login ke directadmin, cari SSH Keys, dan klik menu tersebut
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-39-56.png)
kemudian klik tombol paste, akan muncul modal untuk input ssh public key, klik create setelah ssh key di paste
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/AFxscreenshot-2023-09-23-at-01-19-16.png)
untuk melakukan pengecekan apakah SSH key sudah terinstall, klik tab Authprized Keys
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-41-28.png)
### Login SSH dengan Public Keys
Setelah public key dipaste pada panel directadmin, buka Terminal / CMD, masukan perintah berikut
sesuaikan lokasi file private key pada parameter -i, kemudian tekan enter
```bash
ssh -i /Users/naja/.ssh/mijournal_rsa mijournal@mijournal.org
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/3d5screenshot-2023-09-23-at-01-20-57.png)
kemudian rubah file index.html dengan nano di folder public\_html seperti berikut ini
```bash
nano public_html/index.html
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-24-at-19-07-06.png)
edit sebagian pada kode index.html untuk mengetahui perubahan pada tampilan awal
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-23-07.png)
Kemudian refresh halaman untuk melihat perubahan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-23-at-01-23-27.png)
jika perubahan yang dilakukan terupdate, selamat anda sudah berhasil menyesuaikan tampilan awal
# 04. Install OJS dengan Auto Installer Softaculous
### Login ke panel Directadmin
Untuk install OJS dengan Auto Installer Softacolous, kita harus login ke panel Directadmin terlebih dahulu, untuk login ke directadmin, terlebih dahulu login ke clientarea bekantanjantan.com kemudian klik menu layanan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-12-56-14.png)
Setelah daftar layanan muncul, pilih layanan hosting yang digunakan, klik tombol aktif
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-12-56-25.png)
Pada daftar detail layanan muncul, scroll ke bawah dan klik tombol "login to DirectAdmin"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-12-56-54.png)
### Install OJS dengan Auto Installer Softacolous
Setelah berhasil login ke panel directadmin, cari fitur install CMS dengan Auto Installer Softacolous, kemudian klik menu tersebut untuk masuk ke wizard installasi script
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-12-58-00.png)
ketika masuk ke wizard installasi, pada kolom pencarian, masukkan kata "Open Journal System", kemudian klik menu Open Journal Sistem pada sidebar kanan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-12-58-29.png)
Pada installer OJS, terdapat versi dan release date, serta tombol install, klik tombol segitiga kebawah disamping tombol install untuk memilih Custom Install
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-12-59-34.png)
Isi data Software Setup, protocol https, domain dan subdirectory, jika install di domain utama, hapus input pada "in Directory", kemudian tentukan "Data Directory" untuk OJS
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-13-03-27.png)
Isi data Admin Account untuk username dan password serta email di akun Open Journal System nantinya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-13-03-35.png)
Advanced Options adalah settingan extra untuk mengatur prefix database yang akan dibuat, serta settingan backup lainnya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-13-04-04.png)
Klik tombol install, tunggu sampai proses installasi selesai, maka Open Journal System sudah bisa diakses
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-13-06-51.png)
### Penyesiuaian Versi PHP
jika muncul pesan kesalahan saat installasi, karena versi PHP tidak sesuai, maka ganti terlebih dahulu versi PHP untuk domainyang digunakan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/Dsmscreenshot-2023-09-26-at-13-05-16.png)
# 05. Install OJS Manual
### Menyesuaikan Environment untuk OJS
Untuk installasi OJS, kita harus menyesuaikan requirement dari OJS pada hosting yang akan kita gunakan, misal kita akan menginstall OJS 3.4
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-06-40.png)
Maka Requirement nya harus menggunakan PHP 8.0+ keatas
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-06-54.png)
### Merubah versi PHP untuk Domain Mijournal.org
untuk merubah versi PHP pada directadmin, login ke control panel dan kemudian klik menu "domain setup"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-11-11.png)
kemudian klik nama domain "mijournal.org"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-11-16.png)
kemudian pada detail config domain, klik link "PHP Version Selector"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-11-23.png)
Kemudian Pilih Versi PHP 8.1 Keatas
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-11-29.png)
### Menghapus Installer OJS sebelumnya dengan Softacolous
Langkah ini tidak diperlukan jika sebelumnya anda tidak melakukan installasi via softacolous, jika anda melakukan installasi via softacolous, kembali ke panel directadmin dan kemudian klik menu "Softacolous Auto Installer"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-12-19.png)
kemudian pada tab Installations, terdapat installer 1, klik menu Installations
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-28-00.png)
Pada list Scripts Installations, klik tombol delete pada tombol disebelah kanan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-28-13.png)
kemudian pada detail removing Open Journal System, anda dapat menentukan data apa saja yang akan dihapus
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-29-01.png)
jika sudah yakin klik tombol "Remove Installation"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-29-09.png)
Konfirmasi kembali dengan klik tombol OK untuk menghapus installasi OJS
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-29-15.png)
Tunggu proses removing tanpa menutup browser anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-29-19.png)
### Membuat Database untuk OJS
Untuk installasi manual OJS, kita harus membuat database terlebih dahulu, agar bisa digunakan OJS dalam installasi manual. untuk membuat database, login ke directadmin, klik menu "MySQL Management"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-35-15.png)
di MySQL Management, klik tombol "Create New Database"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-35-26.png)
kemudian isikan database name dan database user beserta passwordnya, kemudian klik tombol "Create Database"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-41-11.png)
Database berhasil dibuat, simpan password database untuk nanti digunakan saat installasi OJS
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-41-17.png)
### Download OJS di Terminal
untuk install OJS manual, kita perlu download dan upload ke tempat hosting, namun jika kita bisa login SSH pada hosting, maka langsung saja proses download dari Hosting, login ssh ke server hosting
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-14-42-07.png)
Pindah ke domains/mijournal.org
```bash
cd domains/mijournal.org
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-06-38.png)
download OJS 3.4 dengan WGET
```bash
wget https://pkp.sfu.ca/ojs/download/ojs-3.4.0-3.tar.gz
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-06-48.png)
setelah download selesai, proses selanjutnya extract data ojs yang telah di download
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-07-43.png)
extract file tar dengan command berikut
```
tar -zvzf ojs-3.4.0-3.tar.gz
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-08-12.png)
tunggu proses extract dan rubah folder ojs menjadi public\_html
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-08-18.png)
jalankan perintah berikut :
```bash
mv public_html public_html.old
mv ojs-3.4.0-3 public_html
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-08-02.png)
### Install OJS dengan Wizard Berbasis Web
Akses domain mijournal.org untuk menjalankan wizard berbasis web OJS, isi data username, password dan email
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-11-33.png)
kemudian tentukan locales
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-11-56.png)
kemudian setting timezone dan "file settings directory for uploads" OJS
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-14-02.png)
Isi konfigurasi untuk koneksi ke database
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-14-46.png)
setelah semua data diisi. klik tombol "Install Open Journal System"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-15-15-13.png)
setelah proses installasi, anda bisa akses OJS langsung pada domain mijournal.org
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-15-38.png)
# 06. Setting HTTPS dengan Free SSL Let's Encrypt
### Setting SSL Domain Directadmin
Login ke directadmin panel, klik menu SSL Certificates
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-22-37.png)
kemudian pada SSL Certificates, klik tab "Get Automatic Certificate From ACME Provider"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-22-52.png)
ceklist domain yang memerlukan SSL
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-23-02.png)
dan klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-23-24.png)
setelah proses generate selesai, cek kembali apakah sudah bisa diakses dengan https
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-16-48-42.png)
# 07. Site administration dan Journal Management di OJS 3.4
### Menambahkan Hosted Journal
Login ke Open Journal System, Klik tombol login pada menu pojok atas kanan, kemudian pada dashboard Open Journal System, klik menu Administration
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-24-04.png)
pada menu Administration, klik tombol Hosted Journal
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-25-13.png)
Pada Halaman Hosted Journal, klik tombol Create Journal untuk menambahkan journal baru, pada Open Journal System mendukung journal lebih dari satu
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-21-02-03.png)
isi data Journal yang akan dibuat, perhatikan input Title, dan Initials
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-21-03-02.png)
pada path jurnal, samakan dengan initials yang digunakan untuk jurnal yang dibuat, dan klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-21-03-29.png)
setelah journal dibuat, anda dapat mengunjungi halaman utama Open Journal System, jika jurnal yang anda buat lebih dari satu, maka Open Journal System akan otomatis membuatkan Index untuk berbagai jurnal anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-21-05-20.png)
pada index, klik jurnal yang sudah dibuat dengan klik view journal
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-09-26-at-21-05-31.png)
### Menambahkan User pada Open Journal System
untuk menambahkan user, klik jurnal yang akan ditambahkan user pada icon sitemap pojok kiri atas, pilih jurnal yang akan ditambahkan user
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-34-54.png)
pada menu Setting, pilih Users & Roles, klik Add User, isi biodata user yang akan ditambahkan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-38-30.png)
kemudian klik OK
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-39-04.png)
kemudian akan diarahkan ke Roles, pilih Roles yang sesuai
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-39-56.png)
Selesai
# 08. Install Tema OJS (Plugin Gallery dan Upload Manual)
### Install Theme Plugin Gallery
untuk install theme plugin Open Journal System, login ke dashboard Open Journal System
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-00-23-50.png)
kemudian pilih jurnal yang akan diedit dengan klik icon sitemap pojok kiri atas, lalu klik jurnal yang akan diedit
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-08-57.png)
Pada menu setting, pilih website
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-09-09.png)
kemudian klik tab plugin
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-00-49.png)
dan klik sub tab Plugin Gallery
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-01-01.png)
pada plugin gallery, rubah select option "All Categories" menjadi "Theme Plugin" dan klik tombol search
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-10-36.png)
pilih theme yang akan di install, klik nama Theme untuk melakukan install plugin
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-10-17.png)
kemudian muncul popup modal untuk install, klik tombol install
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-11-22.png)
setelah terinstall, anda akan diarahkan kembali ke menu Appearance
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-09-46.png)
Install Theme yang diperlukan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-15-10.png)
kemudian setelah semua tema yang diperlukan terinstall, kembali ke tab plugin, dan sub tab Installed Plugins
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-15-28.png)
cari kategori Theme Plugins dan aktifkan tema yang sudah terinstall
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-15-42.png)
klik checkbox pada Theme yang mau diaktifkan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-15-51.png)
Jika sudah aktif, kembali ke tab Appereance, pada select option Theme, ganti tema sesuai keinginan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/Clascreenshot-2023-10-01-at-01-09-46.png)
scroll ke bagian paling bawah dan klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-16-53.png)
Cek perubahan tema yang dipilih
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-17-34.png)
### Upload Manual Theme OJS
Cari Theme untuk Open Journal System yang sesuai dengan versi OJS anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-49-10.png)
download template pada halaman release git, pilih release dan klik file yang dicompres dengan format tar.gz
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-50-24.png)
upload ke OJS, untuk upload manual template Open Journal System, masuk ke dashboard OJS, kemudian pilih setting -> website, klik tab plugin
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-48-13.png)
klik tombol Upload A New Plugin, klik upload file
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-23-37.png)
pilih file dan klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-23-47.png)
aktifkan template yang sudah di upload pada tab plugin, dan aktifkan juga pada menu appereance
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-01-53-42.png)
cek hasil perubahan theme pada jurnal index Open Journal System
# 09. Setting Theme OJS, Perbaikan Translate Themes, Upload Logo dan Custom CSS
### Setting Theme Open Journal System
untuk setting themes Open Journal System, login ke dashboard admin Open Journal System, pada menu Setting klik website, anda akan langsung diarahkan ke tab Appereance
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-32-37.png)
Sesuaikan settingan warna, kemudian opsi-opsi lainnya yang terdapat pada template, setelah selesai klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-32-48.png)
### Memperbaiki Translate Open Journal System
untuk memperbaiki template pada Open Journal System, kita harus merubah file pada plugin theme yang kita pilih/upload, cara ini sama dengan menambah dukungan bahasa yang tidak disupport plugin themes, caranya login ke hosting
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-11-27.png)
kemudian pindah ke direktori public\_html
```bash
cd domains/mijournal.org/public_html
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-12-31.png)
cari dan pindah ke folder plugin yang akan dirubah translatenya
```
cd plugins/themes/defaultManuscript/locale
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-13-19.png)
cek dengan perintah ls untuk melihat folder translate yang ada pada locale, jika bahasa yang kita gunakan pada OJS tidak tersedia. kita bisa copy folder yang ada dengan perintah cp
```bash
# rename folder (jika format folder salah pada OJS 3.4)
mv en_US en
# copy folder (misal copy folder bahasa en ke id)
cp -R en id
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-15-47.png)
sesuaikan isi pada file locale.po
```bash
nano locale.po
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-18-34.png)
tambahkan kode translate (msgid) dengan translate yang diinginkan (msgstr), kemudian simpan.
### Upload Logo Jurnal
untuk upload logo pada Open Journal System, login ke dashboard admin OJS, kemudian pada menu setting klik menu website, pada tab appereance klik sub tab "setup"
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-20-03.png)
pilih logo yang akan di upload dan klik simpan
### Custom CSS pada OJS
untuk custom css pada theme OJS, kita perlu mengetahui struktur template dengan menggunakan inspect element dari browser untuk mengetahui atribut css yang akan kita rubah, berikut contoh code css untuk custom css OJS
```css
html, body {
font-size: 14px;
background: url(https://mijournal.org/background1.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.pkp_footer_content {
float: left;
}
@media screen and (min-width: 992px) {
.pkp_site_name .is_img img {
max-height: 150px;
}
}
```
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-25-09.png)
simpan dengan ekstensi css dan upload ke custom css Journal, pada dashboard OJS, di tab Appereance, klik sub tab Advance, dan upload Custom CSS pada Journal Style Sheet
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-25-32.png)
Hasil custom css pada Open Journal System
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-02-26-24.png)
selesai
# 10. Setting Sidebar OJS, Menambahkan Widget Statistic Visitor dan Journal Template dengan Custom Block Manager OJS 3.4
### Mengaktifkan Sidebar Standard OJS
untuk mengaktifkan sidebar standard OJS, masuk ke dashboard admin OJS, kemudian ke menu setting dan klik menu website
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-02-56.png)
Pada tab Appereance, pindah ke subtab setup
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-05.png)
scroll kebawah, pada bagian sidebar, tentukan sidebar apa yang akan diaktifkan pada halaman Open Journal System anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-11.png)
ceklist checkbox sidebar yang diperlukan, kemudian klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-43.png)
lakukan pengecekan sidebar secara langsung pada jurnal anda, berikut tampilan sebelum ditambahkan sidebar
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-03-51.png)
berikut ketika sudah ditambahkan sidebar
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-43-37.png)
### Menambahkan Widget Statistic Visitor dengan Custom Block Manager
untuk menambahkan statistic visitor, ada banyak opsi yang bisa digunakan, sebagai contoh kita menggunakan FlagCounter, cari website flagcounter
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-05-02.png)
Pada dashboard flagcounter, kita langsung dapat membuat widget visitor dengan mudah dan menyesuaikan layout yang diinginkan
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-05-29.png)
jika sudah sesuai, klik tombol Get Your Flag Counter, masukkan email anda dan klik continue
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-07-12.png)
anda akan diarahkan ke halaman output html code, copy seluruh kode HTML dan pastekan pada custom block manager OJS anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-07-58.png)
### Mengaktifkan Custom Block Manager
untuk mengaktifkan custom block manager, masuk ke dashbord admin OJS, kemudian pada menu setting klik website, masuk ke tab plugin dan search Custom Block Manager, aktifkan custom block manager plugin dengan checklist pada checkbox
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-08-35.png)
### Menambahkan Custom Block Widget Statistic Visitor (Sidebar OJS)
untuk menambahkan Custom Block, pada plugin Custom Block Manager, klik manage Custom Blcok, akan muncul popup modal Custom Block Manager, klik tombol add block
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-08-49.png)
Masukan Block Name dan Block Content pada popup modal
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-09-55.png)
untuk menambahkan widget berupa kode HTML, klik tombol source code pada editor textarea dan paste kan kode widget untuk statistic visitor
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-10-03.png)
jika kode HTML sudah terload dengan baik, klik tombol save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-10-44.png)
aktifkan custom block yang telah dibuat pada tab Appereance dan sub tab setup, scroll kebawah dan checklist checkbox custom block yang telah dibuat
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-12-07.png)
berikut hasil penambahan widget custom block statistic visitor
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-12-27.png)
### Menambahkan Custom Block Download Template Jurnal (sidebar OJS)
untuk menambahkan custom block dengan background image sebagai tombol/link, upload terlebih dahulu image ke tempat hosting anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-13-52.png)
upload file pada public\_html installasi OJS anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-14-12.png)
klik upload dan pastikan file telah terupload
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-14-28.png)
buat code html untuk membuat tombol dengan background image
```html
```
kemudian simpan dan aktifkan kembali pada sidebar
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-03-18-04.png)
dan hasilnya
[](https://book.najamudinridha.com/uploads/images/gallery/2023-09/screenshot-2023-10-01-at-04-01-44.png)
# 11. Memambah dan Custom Navigasi serta Membuat dan Menghubungkan Static Pages pada Open Journal System 3.4
### Menambahkan Navigasi pada Jurnal
untuk menambahkan navigasi pada jurnal, login ke dashboard admin Open Journal System, kemudian pada menu settings klik menu website
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-23-54.png)
Klik tab Setup untuk melihat settings yang tersedia untuk website jurnal
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-24-00.png)
pada tab setup, klik sub tab Navigation untuk masuk ke manajemen navigasi jurnal
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-24-06.png)
Tambahkan Menu Item dengan klik Add Item pada bagian Navigation Menu Items, isi data item dan klik save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-25-05.png)
Pada bagian Navigasi, tambahkan menu item yang sudah dibuat, klik edit pada link Primary Navigation Menu dan drag and drop menu item yang telah dibuat ke Assigned Menu Items
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-25-40.png)
setelah ditambahkan klik save dan cek hasil perubahan pada Navigasi Jurnal anda
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-26-07.png)
### Menambahkan Navigasi Pada Jurnal Index
jika anda memiliki lebih dari satu hosted jurnal, maka jurnal index akan aktif, namun secara default tidak ada primary navigation pada jurnal index, untuk menambahkan navigasi pada jurnal index, klik menu administration pada bagian paling bawah sidebar menu, dan klik site settings
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-26-49.png)
pada Site Settings, klik sub tab Navigation
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-26-57.png)
Tambahkan Menu Item pada Navigations Menu Items
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-28-08.png)
Kemudian klik tombol Add Menu, isi data menu Title, Area, dan Assigned Menu Item, kemudian klik save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-28-37.png)
Hasil penambahan navigasi menu pada jurnal index
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-28-49.png)
### Menambahkan Custom Page / Static Pages
untuk menambahkan static pages, bisa melakukan dari tab Static Pages
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-16-11-58.png)
klik tombol Add Static Page, dan isi data Path, Title dan Content, kemudian klik save
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-16-12-43.png)
anda dapat juga menambahkan custom pages dengan sifat yang sama dengan static page secara langsung di navigasi, buat menu item baru, isi seperti biasa, pada bagian Create a Custom Page, pilih select options Custom Page, anda dapat mengisi path dan content sama dengan static pages
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-04-35-28.png)
hasil static pages / custom pages
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-01-at-16-15-41.png)
# 12. Setting SMTP Mail Server Open Journal System 3.4
### Menyiapkan akun email
untuk menambahkan smtp akun, buat email baru sebagai email yang bertugas mengirim notifikasi pada open journal system kita
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-28-28.png)
kemudian tambahkan email baru atau update password email jika kita mau reset akun email yang sudah ada
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-29-03.png)
### Merubah Setting SMTP OJS
untuk merubah settingan smtp, login ke hosting terlebih dahulu
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-30-11.png)
kemudian edit file config.inc.php
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-30-39.png)
sesuaikan settingan smtp
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-32-52.png)
# 13. Setting Google reCAPTCHA untuk Open Journal System 3.4
### Membuat Public & Private Key Google reCAPTCHA
buat akun google dan create admin console google recaptcha https://www.google.com/recaptcha/about/
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-21-04-46.png)
kemudian access Admin Console, kemudian klik icon + untuk create google recaptcha baru
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-56-14.png)
isi data label, type dan domain kemudian klik submit
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-56-49.png)
simpan site key dan secret key yang diberikan google untuk ditambahkan pada hosting open journal system
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-57-05.png)
### Mengaktifkan Google reCAPTCHA pada Open Journal System
setelah mendapatkan site key dan secret key, login ke hosting open journal system
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-57-21.png)
kemudian edit file config.inc.php
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-57-38.png)
masukkan key pada bagian recaptcha
[](https://book.najamudinridha.com/uploads/images/gallery/2023-10/screenshot-2023-10-09-at-20-58-40.png)
