[Tutorial] Custom Tampilan Default OJS 2.X

All about OJS 2
andrewdion04
Posts: 59
Joined: 13 Jan 2017, 08:52
Location: Yogyakarta

[Tutorial] Custom Tampilan Default OJS 2.X

Post by andrewdion04 »

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.
Last edited by andrewdion04 on 29 Mar 2018, 11:13, edited 1 time in total.

ajienoorseto
Posts: 449
Joined: 30 Dec 2016, 21:19
Contact:

Re: Custom Tampilan Default OJS 2.X

Post by ajienoorseto »

josss gandosss
Atom Indonesia
http://aij.batan.go.id

bramalhaqqi
Posts: 4
Joined: 27 Jan 2018, 11:50

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by bramalhaqqi »

Terima kasih banyak mas, sangat berguna.


aldyrialdy
Posts: 15
Joined: 28 Jan 2017, 09:20

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by aldyrialdy »

Mas izin saya pake untuk kegiatan workshop RJI sebagai sampel kode cssnya.

ANDI AWALUDDIN
Posts: 11
Joined: 08 May 2018, 18:54

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by ANDI AWALUDDIN »

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.
mau nanya klo untuk ukuran pastinya itu ntuk header jurnal (tampilan paling awal jurnal) berapa kira2 ya...

laluganda
Posts: 22
Joined: 31 Dec 2016, 19:45
Location: Mataram
Contact:

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by laluganda »

ANDI AWALUDDIN wrote:
mau nanya klo untuk ukuran pastinya itu ntuk header jurnal (tampilan paling awal jurnal) berapa kira2 ya...
kalau saya biasanya paka 1020px

ofan
Posts: 5
Joined: 20 Dec 2017, 14:51
Location: Jakarta
Contact:

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by ofan »

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.
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 kasih

irfansyah
Posts: 4
Joined: 09 Oct 2017, 07:32

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by irfansyah »

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.
Maaf pak, link tersebut tidak bisa diakses, apakah bisa di unggah ulang. terimakasih

andrewdion04
Posts: 59
Joined: 13 Jan 2017, 08:52
Location: Yogyakarta

Re: [Tutorial] Custom Tampilan Default OJS 2.X

Post by andrewdion04 »

irfansyah wrote:
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.
Maaf pak, link tersebut tidak bisa diakses, apakah bisa di unggah ulang. terimakasih
Link masih aktif, dicoba lagi

Post Reply