Tutorial - Menu light

Hello Hello Baby! Vocês estão bem? Nossa é incrível como a indisposição some de um dia para o outro né? Ontem eu mal sai da minha cama fiquei só assistindo a terceira temporada de American Horror Story o dia todo (tanto que faltam só dois capítulos para terminar a temporada) e hoje eu estou muito enérgica e fazendo várias coisas. Vocês tem novidades? Bom eu tenho, talvez eu comece a trabalhar, mas é só talvez mesmo. Eu realmente quero trabalhar tô com 17 anos na cara e nunca trabalhei, a não ser quando eu era baba de um bebê aqui da rua da minha casa. Mas como eu não cuido mais dele, eu estou precisando de um trabalho de verdade. Eu sempre tenho que depender dos meus pais, se eu quero sair com meus amigos eu só vou se eles me derem o dinheiro, caso contrario eu fico em casa mofando, esse é só um dos motivos pelo qual eu quero ter meu próprio dinheiro. Mas emfim hoje eu trouxe o tutorial de um menuzinho super fofo, ele é bem simples mas é muito fofo mesmo, aqui tem um preview do menu. Quer saber como faz? Clique em mais informações.

1. Vá em modelo >> Editar HTML e procure por ]]>< quando achar cole:

light{
-webkit-transition: 0.13s ease-out;
-moz-transition: 0.13s ease-out;
transition: 0.13s ease-out;
font: normal normal 8px PF Arma Five;
text-align:center;
padding: 2px;
float: left;
margin: 2px;
width: 104px;
background: #f7f7f7;
border: 1px solid #e1e1e1;
color: #666;
}
light:hover{
background: #f7f7f7;
border: 1px solid #e1e1e1;
color: #666;
border-radius: 5px;
}

2. Salve, agora crie um gadget de HTML/Javascript e cole o código:

<a href="LINK_AQUI"><light>Vaga</light> </a>
<a href="LINK_AQUI"><light>Vaga</light> </a>
<a href="LINK_AQUI"><light>Vaga</light> </a>
<a href="LINK_AQUI"><light>Vaga</light> </a>
<a href="LINK_AQUI"><light>Vaga</light> </a>
<a href="LINK_AQUI"><light>Vaga</light> </a>

3. Salve e está pronto.