My Bloggers Code: Sidebar beautiful menu list for Bloggers

Sidebar beautiful menu list for Bloggers

<!doctype html>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<style>

.linklist {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;
    background: #193559;
    overflow-x: hidden;

}

.menu li{
    padding: 0px 0px 0px 0px;
   text-decoration: none;
   font-family: 'Cuprum', sans-serif;
    font-size: 15px;
    display: block;
    border-bottom: none;
    border-color:#2E0403;
    background-color: #EDD326;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: 0px;

}

.menu a{
padding: 5px 12px 3px 10px;
    text-decoration: none;
    font-family: 'Cuprum', sans-serif;
    font-size: 13.5px;
    display: block;
    border-bottom: 1px solid;
    border-color:#B09A09;
    background: #EDD326;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: 0px;

}

a:hover {
    background-color: #F0682E;
    text-decoration: underline;

}

a:active {
    background-color: #D4AF28;
    text-decoration: underline;

}

</style>

<div id="linklist" class="linklist">

<h2 style="background-color: #BA1513; border-bottom: 1px solid rgb(34, 34, 34); border-bottom-width: 1px; color: yellow; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12.61px; font-stretch: normal; line-height: normal; margin: 10px 0px 0em; padding: 10px 10px 0.8em;">
Select Menu </h2>

<div class="menu">

<a href="#" style="color: black;"> Link List 1 <i class="fa fa-angle-double-right" aria-hidden="true"style= float:right;padding-right:5px;"></i></a>

<a href=" #" style="color: black;"> Link List 2 <i class="fa fa-angle-double-right" aria-hidden="true"style= float:right;padding-right:5px;"></i></a>

<a href=" #" style="color: black;"> Link List 3 <i class="fa fa-angle-double-right" aria-hidden="true"style= float:right;padding-right:5px;"></i></a>

<a href=" #" style="color: black;"> Link List 4 <i class="fa fa-angle-double-right" aria-hidden="true"style= float:right;padding-right:5px;"></i></a>

<a href=" #" style="color: black;"> Link List 5 <i class="fa fa-angle-double-right" aria-hidden="true"style= float:right;padding-right:5px;"></i></a>

</div> </div>

</!doctype>