SMART OJS COMPONENT GENERATOR

OJS Component & CSS Stylesheet Builder

Buat komponen tampilan OJS secara otomatis. Atur informasi jurnal dan tema satu kali, kemudian gunakan konfigurasi tersebut untuk seluruh komponen.

OJS 3.x

KONFIGURASI PUSAT

Profil & Struktur URL Jurnal

Informasi ini otomatis digunakan pada seluruh komponen yang dibuat.

Nama Jurnal Lengkap

Lembaga / Penerbit

Base URL OJS Portal Tanpa slash "/" di bagian akhir.

Path / Inisial URL Jurnal Contoh URL: /index.php/jitism

Email Redaksi

Alamat Redaksi

p-ISSN

e-ISSN

THEME CENTER

Skema Warna

Pilih satu tema untuk diterapkan ke seluruh komponen yang dihasilkan.

Warna Utama

Warna Sekundersu

Background

COMPONENT GENERATOR

Pilih Komponen OJS

Konfigurasi profil jurnal dan tema di atas akan digunakan secara otomatis pada setiap generator.

SUMMARY JOURNAL

Summary Jurnal

Buat komponen profil jurnal yang dapat ditempatkan pada halaman utama OJS.

HTML COMPONENT

KONFIGURASI

Informasi Summary

Lengkapi informasi tambahan yang akan ditampilkan pada Summary Jurnal.

Cover Jurnal

Pilih Cover Jurnal JPG, PNG atau WEBP

Upload digunakan untuk preview lokal di Builder.

ATAU

URL Cover Jurnal URL ini akan digunakan pada source code HTML final. Kosongkan jika tidak ingin menampilkan gambar cover.

Inisial / Singkatan Jurnal

Frekuensi Terbit

DOI Prefix Kosongkan jika jurnal belum memiliki DOI Prefix.

Editor in Chief

Aims & Scope Gunakan deskripsi singkat agar Summary tetap nyaman dibaca.

Focus & Scope / Topik Tulis satu topik per baris.

Tombol Navigasi

Current Issue Archives Submit Article Editorial Team

LIVE PREVIEW Tampilan Summary

LIVE

OJS

JOURNAL

Nama Jurnal Anda

Nama Lembaga / Penerbit

p-ISSN: - e-ISSN: -

Frekuensi: - DOI: -

ABOUT JOURNAL

Deskripsi Aims & Scope jurnal akan tampil di bagian ini.

FOCUS & SCOPE

Topik Jurnal

Editor in Chief -

Current Issue Archives Submit Article Editorial Team

GENERATED CODE Source Code Siap Tempel

HTML

<!-- Kode HTML Summary akan tampil di sini -->

Panduan Pemasangan di OJS

Buka halaman yang ingin digunakan di OJS, aktifkan mode Source Code / HTML, kemudian tempel kode yang telah disalin.

Cara penggunaan

Setelah kode dibuat, salin HTML kemudian tempelkan melalui mode Source Code pada editor halaman OJS. Tampilan akan mengikuti warna yang dipilih pada Theme Center.

MENU SIDEBAR

Menu Sidebar OJS

Buat menu navigasi sidebar jurnal dengan URL yang otomatis mengikuti konfigurasi OJS.

HTML COMPONENT

KONFIGURASI

Pengaturan Menu

Tentukan judul dan menu yang ingin ditampilkan pada sidebar jurnal.

Menu yang Ditampilkan

<!-- Kode HTML Sidebar akan tampil di sini -->

Panduan Pemasangan di OJS

Buat Custom Block pada OJS, aktifkan mode Source Code / HTML, lalu tempel kode Sidebar yang telah disalin.

LOGO PENGINDEKS

Logo Pengindeks Jurnal

Buat komponen daftar pengindeks jurnal yang dapat ditempatkan pada sidebar atau halaman OJS.

HTML COMPONENT

KONFIGURASI

Pengaturan Pengindeks

Pilih pengindeks yang ingin ditampilkan dan masukkan URL profil jurnal pada masing-masing layanan.

Judul Komponen

Daftar Pengindeks

Google Scholar

Crossref

GARUDA

Dimensions

DOAJ

SINTA

BASE

Custom Pengindeks

Nama Pengindeks

URL Pengindeks

URL Logo Gunakan URL gambar PNG, JPG, WebP, atau SVG yang dapat diakses publik.

Gaya Tampilan

Buka link di tab baru

LIVE PREVIEW Tampilan Logo Pengindeks

LIVE

GENERATED CODE Source Code Siap Tempel

HTML

<!-- Kode HTML Logo Pengindeks akan tampil di sini -->

Panduan Pemasangan di OJS

Buat Custom Block pada OJS, aktifkan mode Source Code / HTML, lalu tempel kode Logo Pengindeks yang telah disalin.

Logo dan URL pengindeks

Aktifkan hanya pengindeks yang benar-benar digunakan oleh jurnal. URL tujuan dapat diisi sesuai halaman profil atau halaman jurnal pada masing-masing layanan.

OJS FOOTER

Footer Jurnal OJS

Buat footer jurnal profesional menggunakan informasi dari konfigurasi jurnal utama.

HTML COMPONENT

KONFIGURASI

Pengaturan Footer

Pilih informasi dan menu yang ingin ditampilkan pada footer jurnal.

<!-- Kode HTML Footer OJS akan tampil di sini -->

Panduan Pemasangan

Salin kode HTML yang dihasilkan, kemudian tempatkan pada Custom Block atau area footer yang mendukung HTML pada tema OJS Anda.

CUSTOM CSS

Custom CSS

Tambahkan CSS khusus untuk menyesuaikan tampilan jurnal OJS.

CSS EDITOR Tulis CSS Anda

Quick Snippets

Gunakan selector CSS yang sesuai dengan struktur komponen OJS Anda. CSS yang dibuat dapat langsung disalin dan ditempatkan pada stylesheet atau area Custom CSS tema OJS.

LIVE PREVIEW Pratinjau Custom CSS

Live

OJS JOURNAL

Journal Preview

Gunakan area ini untuk melihat efek Custom CSS pada komponen jurnal.

GENERATED CODE CSS siap digunakan

CSS

/* Belum ada Custom CSS */

Catatan penggunaan

CSS yang dihasilkan tidak mengubah konfigurasi komponen Summary, Sidebar, Logo Pengindeks, maupun OJS Footer. Gunakan kode yang dihasilkan sesuai kebutuhan pada tema OJS.