Cara membuat sidebar menu 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/


7 Langkah Penting

Login sebagai Jurnal Manager
Klik System Plugin
Klik Block Plugin
Cari block yang tadi sudah dibuat, “Menu Bar” (Custom Block Plugin)
Klik Edit dibawah “Menu Bar” (Custom Block Plugin)
Silakan masukkan konten yang akan ditampilkan di Menu Bar
Misalnya Editorial Board, Focus and Scope, Publication Ethics dll
Cara masukkan konten sebaiknya menggunakan skrip html

Berikut kode html SEDERHANA yang bisa digunakan
contoh syntax kode html untuk membuat sidebar di OJS 3


<ul class="sidemenu">

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/focusnscope">Focus and Scope</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/pubethics">Publication Ethics</a></li>

<li><a href=" https://ejournal.uinsalatiga.ac.id/index.php/register/ethicalclearance”target="_blank">Ethical Clearance</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/peerreviewprocess">Peer Review Process</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/about/editorialTeam">Editorial Team</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/peerreviewers">Peer Reviewers</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/authorguidelines">Author Guidelines</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/indexingpage">Indexing Page</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/copyrightnotice">Copyright Notice</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/openaccesspolicy">Open Access Policy</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/archiving">Archiving Policy</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/ads" target="_blank">Advertising Policy</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/plagiarismpolicy">Plagiarism Policy</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/authorfees">Author Fees</a></li>

<li><a href="https://ejournal.uinsalatiga.ac.id/index.php/register/download">Download Page</a></li>

<li><a href=”https://ejournal.uinsalatiga.ac.id/index.php/register/contact ">Contact</a></li>

</ul>




Ada lagi yang lebih bagus dikasih warna-warni:

ini kode HTML nya

<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