Menu Going back

--------------------------------------------------

Olá senhorios e senhorias! Graças a Deus, Pai, não vou mais para o colégio (explicando minha felicidade), nem amanhã , nem depois, nem nunca hahah #joga confete -blz só por 15 dias :( . Eu realmente não gosto de ir para a escola, mas não tenho escolha, afinal é o meu futuro. Mesmo assim é um pé no saco, sinceramente dizendo. Então, mudando de assunto, eu vim para mais um modelo de alguma coisa para o blog ─ expliquei tudo!─ Um menu Going back exclusivo do blog. Porem, caso já haveriam visto em algum lugar, é mera coincidência >.<

Bom, dizendo do mesmo, ele se dispõe de ser para o topo. Ou seja, eu fiz exclusivamente para aqueles seres que de alguma maneira quiseram ou querem que o menu do blog fique pendurado lá em cima ¬¬ Porque? Porque sim! Ele se expande para trás criando a impressão de estar indo embora. (♫estou indo embora, agora, porque homem não chora♫)... tá, parei...

LIVE PREVIEW [❀]

Direcione-se até  Modelo - Editar HTML. Clicando dentro da caixa, pressione F3 e procure por

 ]]></b:skin>:

Acima dele cole:

/*Menu*/
.back_top {
width: 100%;
height: 31px;
}
.menu_going {
float: left; /*posição do menu*/
margin: 0;
padding: 0;
}
.menu_going li {
float: left;
list-style: none;
font-size: 10px; /*Tamanho da fonte*/
font-weight: bold; /*Bold: negrito, italic ou normal.*/
font-family: tahoma; /*Tipo da fonte*/
text-transform: uppercase;
margin: 0 0 0 10px;
padding: 9px 0px 0px 0px;
text-shadow:0 1px #eee; /*sombra do texto*/
}
.menu_going li a{
padding: 10px;
color: #000; /*cor da fonte*/
text-decoration: none;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
background: #fff; /*cor do fundo normal*/
outline-offset: -2px;
outline: 1px dotted #FFC1C1; /Tamanho, tipo e cor da borda*/
margin: 5px 1px 5px 2px;
}
.menu_going li a:hover {
text-decoration: none;
color: #fcd186; /*cor da fonte hover*/
background: #fff; /*fundo em hover*/
font-size: 12px; /*Tamanho da fonte"*/
box-shadow: 0px 0px 10px 0px inset;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
text-shadow:0 1px #e099a9; /*cor da sombra do texto*/
outline-offset: -2px;
outline: none;
margin: 5px 1px 5px 2px;
-webkit-transform: translateY(20px) scale(0.8);
-webkit-transition-duration: .60s;
}
.transit {
-webkit-transition-duration: .90s;
-moz-transition-duration: .90s;
-o-transition-duration: .90s;
transition-duration: .90s;}
ansition-duration: .90s; transition-duration: .90s;
} 

Edite como quiser e depois procure por   </head> e abaixo cole:

<div class='back_top'>

<ul class='menu_going'>

<li><a href='LINK' title='mensagem que aparecer quando passar o mouse'>NOME</a></li>

<li><a href='LINK' title='mensagem que aparecer quando passar o mouse'>NOME</a></li>

<li><a href='LINK' title='mensagem que aparecer quando passar o mouse'>NOME</a></li>

<li><a href='LINK' title='mensagem que aparecer quando passar o mouse'>NOME</a></li>

<li><a href='LINK' title='mensagem que aparecer quando passar o mouse'>NOME</a></li>

<li><a href='LINK' title='mensagem que aparecer quando passar o mouse'>NOME</a></li>

</ul></div>

.
Salve e visualize. Beijos e fiquem com Deus \o/