Menu Horizontal :hover

Yoo Yoshi's & Cogumelo's (vida)

Essa imagem me lembra uma coisa:

Uma pessoa diz:
- A Vida não presta.
Ai a vida do Mario chora dizendo:
- Pow te ajudei tanto quando tu morria. (TT_TT)

Sou besta né? (¬¬)  na tirinha tava mais engraçado.
O blog está começando a crescer (*u*)  13 seguidores já, bom, aqui no blog mostra 12 (¬¬)' mais tem no painel dizendo que é 13 então, melhor contar com esse "ser oculto". Então...Eu vos ensinarei a criar um menu hover horizontal.
Exemplo: 

• Ophera Phantom

Gostou? Então vamos ao tutorial...
Primeiro Passo:
Vá em Design  Editar HTML.
E dê um Ctrl + f   (Atalho de busca)  e procure por:

]]></b:skin>

E cole o seguinte código acima da tag ]]></b:skin>

/* Menu Horizontal  by:Gruung Bloo */
#navcontainer2{
background: transparent;
margin: 0 auto;
padding:0px 0;
font-family: georgia, serif;
text-transform: lowercase;
text-align: right;
}
#navcontainer2:after{
content: ".";
display: block;
line-height: 8px;
font-size: 10px;
clear: both;
}
ul#navlist2{
height: 15px;
list-style: none;
padding: 0px;
margin: 0 auto;
width: auto;
font-size: 10px;
}
ul#navlist2 li{
display: block;
float: left;
width: auto;
margin: 0;
padding: 0px;
}
ul#navlist2 li a{
display: block;
width: 100%;
padding: 0px;
margin: 2px;
font-family: tahoma;
text-transform: uppercase;
color: (cor do texto do menu);
text-decoration: none;
background: (cor do fundo do menu);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-transition-duration: 1.90s;
-webkit-transition-duration: 1.90s;
-moz-transition-duration: 1.90s;
}
#navcontainer2>ul#navlist2 li a {
font-size: 10px;
font-align: right;
width: auto;
padding: 5px 25px;
}
ul#navlist2 li a:hover, ul#navlist2 li#active a:hover{
color:  (cor do texto do menu ao passar o cursor);
background:  (cor do fundo do menu ao passar o cursor);
-transition-duration: 1.90s;
-webkit-transition-duration: 1.90s;
-moz-transition-duration: 1.90s;
}

Visualize, se estiver tudo certo salve.
Segundo Passo:
Agora vá em  Design  Elementos da Página  Adicionar Gadget  Html/Javascript.
E cole o seguite código:

<div id="navcontainer2">
<ul id="navlist2">
<li>
<a href="(LINK DA PÁGINA)">Texto</a>
</li>
</ul>
</div>

Por favor, não mexa em nada, a não ser o Link e Texto. Caso contrátio algo pode dar errado.
Dúvidas? Ask-me logo abaixo (^^)
Plágio? Eu sou contra. Seja também.