Berikut adalah kode HTML untuk isian menu sidebar pada OJS

<tbody>
<tr><th>ADDITIONAL MENUS</th></tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/about/editorialTeam" target="_blank">Editorial Team</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/reviewers" target="_blank">Peer Reviewers</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/review" target="_blank">Peer Review Process</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/focusandscope" target="_blank">Focus and Scope</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/ethic" target="_blank">Publication Ethics</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/onlinesubmission" target="_blank">Online Submission</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/guideline" target="_blank">Online Submission Guidelines</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/plagiarism" target="_blank">Plagiarism Check</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/apcs" target="_blank">Article Proccessing Charge</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/openaccess" target="_blank">Open Access Statement</a></td>
</tr>
<tr>
<td><a href="http://jurnal.htp.ac.id/index.php/keskom/licence" target="_blank">Licence Term</a></td>
</tr>
<tr><th>SUPLEMENTARY FILES</th></tr>
<tr>
<td><a href="https://drive.google.com/file/d/0B0KJITuOYogVb2ZWNDZjX09scDg/view?usp=sharing" target="_blank">COI Disclosure</a></td>
</tr>
<tr>
<td><a href="https://drive.google.com/file/d/0B0KJITuOYogVZFVfay0zOFU2ekE/view?usp=sharing" target="_blank">ICMJE Recommendation</a></td>
</tr>
<tr>
<td><a href="https://drive.google.com/file/d/0B0KJITuOYogVSHhMU1F3dHhhb28/view?usp=sharing" target="_blank">STROBE Guidelines</a></td>
</tr>
<tr>
<td><a href="https://drive.google.com/file/d/0B0KJITuOYogVTE5hZXhEZ1B2ZkU/view?usp=sharing" target="_blank">SRQR Guidelines</a></td>
</tr>
<tr>
<td><a href="https://drive.google.com/file/d/0B0KJITuOYogVdlhoNFlYdmYycFE/view?usp=sharing" target="_blank">Free Plagiarism Statement</a></td>
</tr>
<tr>
<td><a href="https://drive.google.com/file/d/0B0KJITuOYogVQXhEMDAycXZHSEE/view?usp=sharing" target="_blank">Covering Letter and Statement Form</a></td>
</tr>
</tbody>
</table></body></html>

dan berikut adalah kode CSS untuk membuat tampilan kode html diatas sesuai dengan style yang kita inginkan

.pkp_structure_head {
  background:  #595959;
 }
.pkp_structure_page {
    margin-top: 0px;
    margin-bottom: 0px;
	
}
 .pkp_structure_main h1 {
     font-weight: 600;
	 font-size: 20px;
}
a {
    color: #333300;
}
.pkp_page_index .current_issue h2 {
    display: inline-block;
    padding-bottom: 0em;
    border-bottom: 3px solid #ff8000;
    text-transform: capitalize;
    font-weight: 700;
    color: rgba(0,0,0,0.54);
}
.pkp_page_index .current_issue .current_issue_title {
	font-size:14px;
}
.obj_issue_toc .heading .published .label {
	text-transform:capitalize;
	font-size: 90%;
}
.pkp_page_index .current_issue .read_more {
	margin-bottom: 20px;
    margin-top: 20px;
}
.obj_issue_toc .section h2 {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    padding: 0 0 5px;
    border-bottom: 3px solid #ff8000;
    background: transparent;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 0em;
}
.pkp_navigation_primary_row{
	background-color: grey;
	text-align:left;
    padding-left:15px;
}
#navigationPrimary a {
	font-size: 13.5px;
    color: #f2f2f2;
    font-weight: 100;
    text-transform: capitalize;
}
#navigationPrimary ul {
  background: #595959;
}
#navigationPrimary [aria-expanded="true"]:before {
    border-bottom-color: #595959;
}
/* Menu Tambahan Kanan by [email protected] */

.hoverTable{
	width:100%;
	border-collapse:collapse; 
}
.hoverTable th{
	height:30px; background: #ffffff; color:#105183;
}
.hoverTable td{ 
	height:30px; padding-top:3px;vertical-align:middle; 
	border-bottom:1px solid #ffffff;
	text-align:center;
}
.hoverTable td a{
	width:100%;display:block;
}
/* warna latar setiap baris tabel dan warna tulisan */
.hoverTable tr{
	background: #105183; color:#ffffff;
}
/* warna ketika dilewati mouse */
.hoverTable tr:hover {
	background-color: #0c426b;
}
.hoverTable a {
	color:#ffffff;
}
.hoverTable a:hover {
	color:#f0850c;
}
/* --- Menu Tambahan Kanan by [email protected] */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt{
	font-size: 13.5px;
    color: #f2f2f2;
    font-weight: 100;
    text-transform: capitalize;
}	
.pkp_navigation_user_wrapper a {
	font-size: 15px;
	font-weight: 200;
}	
body {
  font-family: tahoma,geneva,sans-serif;
  background: #e6e6e6;
  font-size:14px;  
}

body p {
    font-family: tahoma,geneva,sans-serif;
    font-size: 14px;
}
.pkp_block {
    font-size: 14px;
    line-height: 20px;
    clear: both;
    border-bottom: 1.5px solid #ddd;
}
.pkp_structure_sidebar{
	background:#ffffff;
}
.pkp_block .title {
    display: inline-block;
    padding-bottom: 0em;
    border-bottom: 3px solid #ff8000;
    font-weight: 600;
    text-transform: capitalize;
}
.obj_article_details .main_entry .label {
    display: inline-block;
    padding: 0 0 5px;
    border-bottom: 3px solid #ff8000;
    color: rgba(0,0,0,0.54);
    text-transform: capitalize;
}
.pkp_structure_content {
    padding-top: 0;
	background:#ffffff;
}
.obj_article_details .abstract {
    text-align: justify;
	font:tahoma,geneva,sans-serif;
}
.obj_article_summary > .title {
    font-size: 14.5px;
    line-height: 20px;
    font-weight: 100;
}
.obj_article_summary {
    padding-bottom: 10px !important;
    border-bottom: solid 1px #ff8000 !important;
	font-size: 12px;
}
.pkp_site_name .is_img img {
	display: inline-block;
	max-height: 100px;
	max-width: 100%;
	width: auto;
	height: auto;
}
.pkp_footer_content {
  float: none;
  width: 100%;
  clear: both;
  padding-top: 10px;  
}
.pkp_brand_footer {
  background: #e6e6e6;
}
.pkp_structure_footer_wrapper {
	background:  #595959;
	border-bottom: 0px solid;
}
.obj_galley_link {
	font-weight: 700;
    text-transform: Capitalize;
    background: grey;
    color: #fff;
    border: none;
}
.cmp_breadcrumbs {
    text-transform: capitalize;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    background: #8c8c8c;
    border: 0px solid #3c2d61;
}