Links com efeito hover e visited na sidebar do Blogger com bullets

Para que em sua sidebar os links fiquem coloridos deixando de outra cor quando passa o mouse por cima e mudando a cor dos links já visitados, vá até o HTML de seu blog e procure pelo trecho:


 .sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }



Acima dele cole este próximo código.

.sidebar ul li a:link{/*link*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx6NWdMUtdKH2gXu71v8Wx2WmCHjN2QdTL1LnwfSLRan2TbcglcfhSJdUuC3BhndrdJSF679Q7pl6dtD7T-55zMUyGM_QVptxjHdZxhqXNJAhDzXOexOYcI_RtOeBUazPqZwhZyzgaLYc/s1600/1as2.gif) no-repeat;
color: #90A431;
border-bottom:1px dashed #90A431; /*verde*/
margin: 0 0 0 1px;
padding: 1px 0 0 28px;
display:block;
}
.sidebar ul li a:visited{ /*links visitados*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1TrlMKqvawIjIZT9-lN6lJh-jv7UQKvPQOUr8d9afYezEUbFKsLb1XvDNco2tQjXPQleGLobvKEFmelHpGJkoJj2RLMxRejHDL4GokPKxTJssh4-5LpO-vc-9SeO8n3CA-sXir9jQPmI/s1600/1as.gif) no-repeat;
color:#90DED0;
border-bottom:1px dashed #90DED0;/*azul*/
margin: 0 0 0 1px;
padding: 1px 0 0 28px;
display:block;
}

.sidebar ul li a:hover{ /*ao passar o mouse em cima*/
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3UP2qYXcFdLBYLOEJBY46JvXQ8sbmI113K-BbNQTSzq55MWlC7i0linPKU_jBS_JouXlSVhmkWQoIPmR6SXJOWOyxvHdSxyKYlKiBaT681VU9Tzls_AtEySFGZK-cK5DTO28vSwhS_k/s1600/1as3.gif) no-repeat;
color:#F97B1F;/*laranja*/
border-bottom:1px dashed#F97B1F;
}

Tabela de cores AQUI 
Imagem de setinhas AQUI