Page 1 of 2

[Tutorial] Custom Tampilan Default OJS 2.X

Posted: 23 Mar 2018, 16:14
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.

Re: Custom Tampilan Default OJS 2.X

Posted: 23 Mar 2018, 16:44
by ajienoorseto
josss gandosss

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

Posted: 08 May 2018, 20:06
by bramalhaqqi
Terima kasih banyak mas, sangat berguna.

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

Posted: 08 May 2018, 23:12
by thohafirdaus
Mantrap...

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

Posted: 11 May 2018, 00:57
by aldyrialdy
Mas izin saya pake untuk kegiatan workshop RJI sebagai sampel kode cssnya.

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

Posted: 13 May 2018, 21:09
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...

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

Posted: 21 May 2018, 00:59
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

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

Posted: 29 Nov 2018, 09:29
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

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

Posted: 05 Jan 2019, 10:57
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

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

Posted: 08 Jan 2019, 20:55
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