Tutorial - Menu Wishlist

Yoo ~

Demorei para postar hoje (Eu sei), mais é que eu consegui entrar no Inside Icons, onde eu fiquei postando icons e tals. Recomendo vocês visitarem e pedirem icons de qualquer famoso, que com certeza alguém vai postar. Eu amo fazer icons, por isso decidi entrar no blog. Mais agora dei uma pausa e postarei essa postagem. 

Bom, muitos pediram para que eu postasse como se fazer o menu da pagina Tutoriais e Goodies. Bom na época eu peguei o tutorial no Kawaii World, mais como deu um problema a Kaorii retirou o tutorial, então tive que pegar o código do meu HTML mesmo, se alguém souber de quem é o dono do menu é so me falar que eu coloco os créditos. Vamos lá ~

1. Entre no seu HTML e procure por ]]></b:skin>, assim que achar cole o seguinte código ACIMA da tag.

.wishlist a {
display : block;
font-family: PF arma five;
margin: 1px;
text-transform: uppercase;
font-size: 8px;
color:#747474;
border-bottom: 1px solid #ebeaea;
border-right: 1px solid #ebeaea;
background:#f3f3f3;
padding: 5px 10px 3px 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.wishlist a:hover{
padding-left: 13px;
background:#f6f6f6;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

Visualize, se tudo estiver certo salve. 

2. Agora no Layout crie uma gadget HTML/Javascript e cole: 

<div class="wishlist a"><a href="URL">NOME</a></div>

Pronto, apenas troque o Nome e a Url !