Tutorial Membuat Editorial Team OJS 3.2 Lebih Menarik

0 Comments

Untuk membuat tampilan Editorial Board seperti gambar berikut

kita memerlukan 3 buah fil:

  1.  Kode HTML, kode yang akan kita pastekan di Halaman Editorial Team kita
  2. Code CSS yang harus kita tambahkan untuk untuk memformat style kode html supaya tampilannya seperti pada gambar diatas.
  3. Terakhir tentunya data Gambar-gambar yang harus kita siapkan

Langkah Pertama

  1. Login ke OJS sebagai admin
  2. Masuk ke menu Setting/Journal/Editorial Team
  3. Pastekan Kode HTML nya saja ke Score Code OJS

See the Pen
Membuat Editorial Team OJS 3.2
by amin126 (@amin126)
on CodePen.

Langkah Kedua

Untuk mempercantik tampilan editorial boar perlu dibuat kode CSS yang bisa ditambahkan dengan kode css yang telah ada pada jurnal OJS kita. caranya buka file css jurnal di menu setting/website klik nama css yang ada untuk melihat kode css yang telah ada klik save page as untuk meyimpan kode css. kemudian edit kembali file tadi dan ambil kode CSS nya saja letakkan tepat di bawah baris terakhir file css tadi.

See the Pen
Membuat Editorial Team OJS 3.2
by amin126 (@amin126)
on CodePen.

Langkah Terakhir

Tentunya kita harus mengupload Image-image yang di butuhkan ke Cpanel hosting kita atau dengan cara menggunakan fitur upload image di ojs, Caranya sebagai berikut:

Upload image di Ojs di manapun

setalah di upload akan muncul link nya.

Ambil Link tersebut masukkan keKode  HTML tepat di bagian yang kami tebali di bawah ini:

<img src=”https://jurnal.staidagresik.ac.id/public/editorial/team/nama-file.jpg” ganti dengan kode hasil upload image tersebut.

ganti juga data-data seperti URL Shoolar, Sinta, Scopus, Affiliasi, dan Nama nya, sesuaikan dengan miliknya ojs anda.

 

Untuk yang butuh Kode lengkapnya silahkan di unduh via Github:
Download

Selesei selamat mencoba. terimakasih sudah mampir.

 

Tag:
Choose your Reaction!
Leave a Comment

Your email address will not be published.