Tutorial - Menu Line

Hey Pixels! Hoje trago a vocês um pequeno e simples tutorial,  mas vamos falar um pouco da minha preguicinha de postar, vocês percebem que eu estou meio afastada do blog?  Parabéns pra quem disse que sim você estão corretos, eu realmente estou sem assunto pra escrever as 12 linhas de cada postagem, não me pergunte o porque, mesmo porque eu não saberia responder. Acho que a blogosfera inteira ta meio que parada, apesar de muitos blogs continuarem na ativa, vou dizer já tiveram tempos mais animados aqui ç.ç também 

estava pesando em diminuir o numero de linhas de cada postagem, já que a falta de assunto está atrapalhado o blog, acham uma boa ideia? se sim avisem que aplico a mudança e tudo fica mais fácil pra mim e pra vocês. Enfim, voltando ao assunto principal, o menu se chama line, pois na lateral ele vem com duas linhas, e quando passa o hover ele fecha a caixinha do menu, não é um menu bem trabalhado, ele e bem simples mesmo preview, fiquem a vontade pra mudar as cores enfim, só não esqueçam dos créditos runn -q.

    Pressione Ctrl + F e procure por ]]></b:skin> , cole o codigo abaixo acima da tag procurada.

.menuline {
Border-right: 2px solid #ff8585;
Border-left: 2px solid #ff8585;
background: #ffd7d7;
Font-Family: verdana;
Font-Size: 9px;
Color: #ff8585;
width: 65px;
margin: 1px;
margin: 1px;
text-align: center;
display: inline-block;
}
.menuline:hover {
Border-top: 2px solid #ff8585;
Border-bottom: 2px solid #ff8585;
Font-Family: verdana;
background: #ffd7d7;
text-align: center;
Font-Size: 9px;
margin: 1px;
Color: #ff8585;
width: 65px;
margin: 1px;
-webkit-transition-duration: .40s;
}

Depois em um gadget de HTML/JavaScript cole:

<div class="menuline">
<a href="https://www.blogger.com">Home</a></div>
<div class="menuline">
<a href="https://www.blogger.com">About</a></div>
<div class="menuline">
<a href="https://www.blogger.com">Nada</a></div>
<div class="menuline">
<a href="https://www.blogger.com">Nada</a></div>
<div class="menuline">