Selasa, 26 Oktober 2021

Cara Mudah Membuat Menu Side Bar di OJS 3


https://latihanojs3.xyz/ojs/index.php/latihan

TOOLS UNTUK LATIHAN OTAK ATIK HTML:

https://htmltidy.net/ atau https://wordhtml.com/

MEMILIH WARNA YANG TEPAT/MATCH: https://html-color.codes/

 Langkah #1

Login sebagai Jurnal Manager

  1. Klik System Plugin
  2. Klik Generic Plugin
  3. Aktifkan/ klik Custom Blok Manager
  4. Setelah itu, klik setting dibawah Custom Blok Manager
  5. Klik Add Blok tuliskan “Menu Bar
  6. Klik save

Langkah #2

Login sebagai Jurnal Manager

  1. Klik System Plugin
  2. Klik Block Plugin
  3. Cari block yang tadi sudah dibuat, “Menu Bar” (Custom Block Plugin)
  4. Klik Edit dibawah “Menu Bar” (Custom Block Plugin)
  5. Silakan masukkan konten yang akan ditampilkan di Menu Bar
  6. Misalnya Editorial Board, Focus and Scope, Publication Ethics dll
  7. Cara masukkan konten sebaiknya menggunakan skrip html

Berikut kode html yang bisa digunakan

 <div class="pkp_structure_sidebar left" role="complementary" aria-label="Sidebar">

<div id="customblock-menu" class="pkp_block block_custom">

<div class="content">

<ul>

<ul>

<li style="background-color: #e6e6fa; border-bottom: 3px solid  #3f4898; border-radius: 5px; text-align: center;">

<p><a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/JH"><strong>Journal History</strong></a></p>

</li>

<li style="background-color: #e6e6fa; border-bottom: 3px solid #3f4898; border-radius: 5px; text-align: center;">

<p><a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/RLF"><strong>Focus and Scope</strong></a></p>

</li>

<li style="background-color: #e6e6fa; border-bottom: 3px solid #3f4898; border-radius: 5px; text-align: center;">

<p><a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/PPR"><strong>Peer Review Process</strong></a></p>

</li>

<li style="background-color: #e6e6fa; border-bottom: 3px solid #3f4898; border-radius: 5px; text-align: center;">

<p><a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/oas"><strong>Open Access Policy</strong></a></p>

</li>

<li style="background-color: #e6e6fa; border-bottom: 3px solid #3f4898; border-radius: 5px; text-align: center;">

<p>&nbsp;<a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/PE"><strong>Publication Ethics</strong></a></p>

</li>

<li style="background-color: #e6e6fa; border-bottom: 3px solid #3f4898; border-radius: 5px; text-align: center;">

<p>&nbsp;<a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/CN"><strong>Copyright Notice</strong></a></p>

</li>

<li style="background-color: #e6e6fa; border-bottom: 3px solid#3f4898; border-radius: 5px; text-align: center;">

<p>&nbsp;<a href="http://musikolastika.ppj.unp.ac.id/index.php/musikolastika/SP"><strong>Policy of Screening for Plagiarism</strong></a></p>

</li>

VIDEO TUTORIAL

Tidak ada komentar:

Posting Komentar