Tutorial - Menu Curious

Oiie fofuras trouxe um tutorial de um menu super cute chamado de menu curious (Live Preview) 

gostou ? quer ele ? então clique em leia mais *-*

bom se você clicou em leia mas com certeza você esta lendo isso ^^ (zoa)

bom vamos ao tutorial 

como o nosso querido blog mudou o html (grr) as coisas ficaram bastante diferente 

ok vamos la

você vai ter que selecionar alguma coisa e aperta ctrl + f

ai vai aparecer uma barrinha dentro da janela do html ai lá você digita ]]></b:skin>

ele vai aparecer marcado de verde

então acima dele você cole este código

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}.MenuCurious{background: #f3f3f3;border-bottom: 1px solid #ccc;font-family: 'Arma Five';text-align: left;font-size: 8px;color: #a7a7a7;padding-left: 7px;text-shadow: 0px 0px 2px #eee;-webkit-transition: all 0.50s ease;}.MenuCurious:hover{background: #f6f6f6;border-bottom: 1px dotted #ccc;font-family: 'Arma Five';font-size: 8px;color: #a7a7a7;text-shadow: 0px 0px 2px #eee;padding-left: 7px;text-align: left;-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);}

só configure os que está em negrito recomendo esta tabela (www)

depois visualize 

salve 

depois vá no layout 

clique em adicionar um gadget 

vá na opção html/JavaScript

e coloque este código

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

configure aonde esta escrito seu lindo e o menu curious 

e pronto o menu já esta lá 

espero que goste :)

bjus