Tutorial-Menu Arrow

Oi gente linda!

Hoje tive a ver animes e a ouvir músicas das 2NE1 e claro também a falar com a minha melhor amiga no celular, mas hoje nem tudo foi normal e eu vou dizer porque, quando cheguei ao meu quarto vi a minha prima a mexer no meu pc onde eu estava a ver as 2NE1 no Youtube, mas ela mudou para uma cantora de crianças qualquer sozinha(parecia eu no pc) e ela só têm 3 anos.

Hoje trago um tutorial que encontrei no KawaiiWorld e só digo que é super cute!Visualize 

Abra seu HTML do blog que deseja aplicar o menu, e procure por ]]></b:skin>. Acima dessa tag cole esse código:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}

.arrow {margin: 1px; text-align: center; font: 8px handy; text-transform: uppercase; display: inline-block; position: relative; color: #000000; width: 45px; padding: 3px; text-decoration: none; background-color: #CORDOFUNDO; border: 2px solid #CORDABORDA;}

.arrow:hover { background-color: #CORDOFUNDOHOVER; border: 2px solid #ef7aa1;}

.arrow:hover:after {

content: ''; width: 0; height: 0; position: absolute; left: 50%; 

margin-left: -2px; bottom: 0; border-width 9px; border-style: solid; border-color: transparent transparent #CORDASETA transparent;}

 Arrume  as partes em negrito como se pede, e então salve. Agora vá em seu layout e adicione um gadget de HTML/JavaScript, cole:

<a href="SEULINK" class="arrow">Menu</a>

<a href="SEULINK" class="arrow">Menu</a>

<a href="SEULINK" class="arrow">Menu</a>

<a href="SEULINK" class="arrow">Menu</a>

Pronto minna-san, depois personalize ao seu jeito.