Contoh kode html side bar ojs 3 warna biru

 Berikut adalah kode HTML yang sudah dirapikan dan dioptimalkan untuk OJS 3. Setiap menu berbentuk kotak memanjang, background biru (#2305F0), teks putih, dengan garis pemisah putih antar kotak. Kode ini kompatibel dengan blok Custom Block Manager di OJS 3.

<div class="pkp_block block_custom">

<div class="content">

<ul style="list-style:none;margin:0;padding:0;">

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/about/editorialTeam" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Editorial Team</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/Reviewers" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Peer Reviewers</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/Focus" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Focus &amp; Scope</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/peerreviewprocess" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Peer Review Process &amp; AI Policy</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/oa" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Open Access Policy</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/archivingpolicy" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Archiving Policy</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/Ethics" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Publication Ethics</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/copyright" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Copyright Notice</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/Plagiarism" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Plagiarism Policy</a>

</li>

<li style="background:#2305F0;border-bottom:2px solid #FFFFFF;">

<a href="https://journal.aihii.or.id/index.php/ijir/APC" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Author Fees</a>

</li>

<li style="background:#2305F0;">

<a href="https://journal.aihii.or.id/index.php/ijir/about/contact" target="_blank" style="display:block;padding:12px 15px;color:#FFFFFF;text-decoration:none;font-weight:bold;">Contact Us</a>

</li>

</ul>

</div>

</div>