Bagi yang masih menggunakan OJS versi 2.X, tentu tampilan site default jadi masalah, karena tampilannya sangat kurang diminati dan font kurang besar. Saya mau berbagi cara untuk mengubah tampilan default OJS versi 2.X dengan cukup mengunggah file CSS saja. Langkah-langkahnya sebagai berikut :
1. Buka link http://s.id/ojscustom kemudian pada pojok kanan atas ada tombol Download, klik dan pilih DIrect Download.
2. Buka halaman jurnal kita, klik User Home > Journal Manager > Setup >5. The Look, cari bagian 5.6 JOURNAL LAYOUT. Pada Journal Theme pilih none, pada Journal style sheet klik tombol Choose file dan cari file yg tadi sudah di download, kemudian klik tombol upload.
3. Jika sudah klik tombol Save and Continue.
Tampilan sebelum di custom
Tampilan sesudah di custom dengan mengunggah file CSS.
NB. Bagi yang ingin memodifikasi lebih jauh bisa modifikasi file CSS tersebut seperti warna, bentuk font, dll, dan diunggah kembali.
[Tutorial] Custom Tampilan Default OJS 2.X
-
- Posts: 59
- Joined: 13 Jan 2017, 08:52
- Location: Yogyakarta
[Tutorial] Custom Tampilan Default OJS 2.X
Last edited by andrewdion04 on 29 Mar 2018, 11:13, edited 1 time in total.
-
- Posts: 449
- Joined: 30 Dec 2016, 21:19
- Contact:
-
- Posts: 4
- Joined: 27 Jan 2018, 11:50
Re: [Tutorial] Custom Tampilan Default OJS 2.X
Terima kasih banyak mas, sangat berguna.
-
- Posts: 37
- Joined: 04 Dec 2017, 09:19
-
- Posts: 15
- Joined: 28 Jan 2017, 09:20
Re: [Tutorial] Custom Tampilan Default OJS 2.X
Mas izin saya pake untuk kegiatan workshop RJI sebagai sampel kode cssnya.
JOIN (Jurnal Online Informatika)
http://join.if.uinsgd.ac.id
Teknik Informatika UIN Sunan Gunung Djati Bandung
Aldy Rialdy Atmadja
Email : jurnal@if.uinsgd.ac.id
http://join.if.uinsgd.ac.id
Teknik Informatika UIN Sunan Gunung Djati Bandung
Aldy Rialdy Atmadja
Email : jurnal@if.uinsgd.ac.id
-
- Posts: 11
- Joined: 08 May 2018, 18:54
Re: [Tutorial] Custom Tampilan Default OJS 2.X
mau nanya klo untuk ukuran pastinya itu ntuk header jurnal (tampilan paling awal jurnal) berapa kira2 ya...andrewdion04 wrote:Bagi yang masih menggunakan OJS versi 2.X, tentu tampilan site default jadi masalah, karena tampilannya sangat kurang diminati dan font kurang besar. Saya mau berbagi cara untuk mengubah tampilan default OJS versi 2.X dengan cukup mengunggah file CSS saja. Langkah-langkahnya sebagai berikut :
1. Buka link http://s.id/ojscustom kemudian pada pojok kanan atas ada tombol Download, klik dan pilih DIrect Download.
2. Buka halaman jurnal kita, klik User Home > Journal Manager > Setup >5. The Look, cari bagian 5.6 JOURNAL LAYOUT. Pada Journal Theme pilih none, pada Journal style sheet klik tombol Choose file dan cari file yg tadi sudah di download, kemudian klik tombol upload.
Step 5 Customizing the Look.png
3. Jika sudah klik tombol Save and Continue.
Tampilan sebelum di custom
Asean Journal on Science and Technolgy for Development AJSTD .png
Tampilan sesudah di custom dengan mengunggah file CSS.
ajstd2.png
NB. Bagi yang ingin memodifikasi lebih jauh bisa modifikasi file CSS tersebut seperti warna, bentuk font, dll, dan diunggah kembali.
Re: [Tutorial] Custom Tampilan Default OJS 2.X
kalau saya biasanya paka 1020pxANDI AWALUDDIN wrote:
mau nanya klo untuk ukuran pastinya itu ntuk header jurnal (tampilan paling awal jurnal) berapa kira2 ya...
Re: [Tutorial] Custom Tampilan Default OJS 2.X
Link ini http://s.id/ojscustom, saya tidak bisa mendaftar di link tsb. Bagaimana solusinya para sepuh? Saya ingin mengubah tampilan OJS agar tulisannya justify dan tampilan lebih menarik lagi. Mohon masukannya. Terima kasihandrewdion04 wrote:Bagi yang masih menggunakan OJS versi 2.X, tentu tampilan site default jadi masalah, karena tampilannya sangat kurang diminati dan font kurang besar. Saya mau berbagi cara untuk mengubah tampilan default OJS versi 2.X dengan cukup mengunggah file CSS saja. Langkah-langkahnya sebagai berikut :
1. Buka link http://s.id/ojscustom kemudian pada pojok kanan atas ada tombol Download, klik dan pilih DIrect Download.
2. Buka halaman jurnal kita, klik User Home > Journal Manager > Setup >5. The Look, cari bagian 5.6 JOURNAL LAYOUT. Pada Journal Theme pilih none, pada Journal style sheet klik tombol Choose file dan cari file yg tadi sudah di download, kemudian klik tombol upload.
Step 5 Customizing the Look.png
3. Jika sudah klik tombol Save and Continue.
Tampilan sebelum di custom
Asean Journal on Science and Technolgy for Development AJSTD .png
Tampilan sesudah di custom dengan mengunggah file CSS.
ajstd2.png
NB. Bagi yang ingin memodifikasi lebih jauh bisa modifikasi file CSS tersebut seperti warna, bentuk font, dll, dan diunggah kembali.
Kind regards,
Ofan Bosman (Assistant Editor of Journal KKP)
http://ejournal-balitbang.kkp.go.id/index.php/iaj
http://ejournal-balitbang.kkp.go.id/index.php/jra
http://ejournal-balitbang.kkp.go.id/index.php/ma
Ofan Bosman (Assistant Editor of Journal KKP)
http://ejournal-balitbang.kkp.go.id/index.php/iaj
http://ejournal-balitbang.kkp.go.id/index.php/jra
http://ejournal-balitbang.kkp.go.id/index.php/ma
Re: [Tutorial] Custom Tampilan Default OJS 2.X
Maaf pak, link tersebut tidak bisa diakses, apakah bisa di unggah ulang. terimakasihandrewdion04 wrote:Bagi yang masih menggunakan OJS versi 2.X, tentu tampilan site default jadi masalah, karena tampilannya sangat kurang diminati dan font kurang besar. Saya mau berbagi cara untuk mengubah tampilan default OJS versi 2.X dengan cukup mengunggah file CSS saja. Langkah-langkahnya sebagai berikut :
1. Buka link http://s.id/ojscustom kemudian pada pojok kanan atas ada tombol Download, klik dan pilih DIrect Download.
2. Buka halaman jurnal kita, klik User Home > Journal Manager > Setup >5. The Look, cari bagian 5.6 JOURNAL LAYOUT. Pada Journal Theme pilih none, pada Journal style sheet klik tombol Choose file dan cari file yg tadi sudah di download, kemudian klik tombol upload.
Step 5 Customizing the Look.png
3. Jika sudah klik tombol Save and Continue.
Tampilan sebelum di custom
Asean Journal on Science and Technolgy for Development AJSTD .png
Tampilan sesudah di custom dengan mengunggah file CSS.
ajstd2.png
NB. Bagi yang ingin memodifikasi lebih jauh bisa modifikasi file CSS tersebut seperti warna, bentuk font, dll, dan diunggah kembali.
-
- Posts: 59
- Joined: 13 Jan 2017, 08:52
- Location: Yogyakarta
Re: [Tutorial] Custom Tampilan Default OJS 2.X
Link masih aktif, dicoba lagiirfansyah wrote:Maaf pak, link tersebut tidak bisa diakses, apakah bisa di unggah ulang. terimakasihandrewdion04 wrote:Bagi yang masih menggunakan OJS versi 2.X, tentu tampilan site default jadi masalah, karena tampilannya sangat kurang diminati dan font kurang besar. Saya mau berbagi cara untuk mengubah tampilan default OJS versi 2.X dengan cukup mengunggah file CSS saja. Langkah-langkahnya sebagai berikut :
1. Buka link http://s.id/ojscustom kemudian pada pojok kanan atas ada tombol Download, klik dan pilih DIrect Download.
2. Buka halaman jurnal kita, klik User Home > Journal Manager > Setup >5. The Look, cari bagian 5.6 JOURNAL LAYOUT. Pada Journal Theme pilih none, pada Journal style sheet klik tombol Choose file dan cari file yg tadi sudah di download, kemudian klik tombol upload.
Step 5 Customizing the Look.png
3. Jika sudah klik tombol Save and Continue.
Tampilan sebelum di custom
Asean Journal on Science and Technolgy for Development AJSTD .png
Tampilan sesudah di custom dengan mengunggah file CSS.
ajstd2.png
NB. Bagi yang ingin memodifikasi lebih jauh bisa modifikasi file CSS tersebut seperti warna, bentuk font, dll, dan diunggah kembali.