Menu fofo tutorial + meta atingida !

Hooy meus amores  , como prometido hoje eu farei o tutorial do menu daqui do blog ! bom eu procurei muito até achar esse tutorial e não achei , então eu peguei um código pronto de imagens e criei o meu menu ! É super fácil e você faz ele em menos de 5 minutos . Precisaremos de imagens no tamanho 106 x 34 , pode ser maior ou menor , esse é o tamanho do meu menu que cabem 5 itens. você pode deixar a mesma altura e fazer um pouco menor na largura para quem tem mais itens . o meu exemplo 

 Feitas as imagens ? então vamos lá. Vá em Design : elementos da página : adicionar novo gadget : texto . vá em editar HTML e cole o seguinte código. 

<a href="endereço da pagina " none;="" target="_blank" text-decoration:="" title="nome do blog"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="URL da imagem " style="opacity: 0.5;" /></a>&nbsp

Feito isso vamos personalizá-lo . Onde está em vermelho , você coloca o endereço da página  que o menu irá redimerencionar ,  em roxo o nome da pagina e em amarelo o url da imagem que você irá colocar . 

depois de ter personalizado o seu primeiro código você cola no editar html no gadget texto  , personalize ele de novo com o endereço da outra imagem , o endereço da outra pagina e o nome dela , depois de ter feito isso cole juntinho com o outro codigo , tende ficar juntinho mesmo. Faça isso com todas as paginas que você quiser colocar e pronto . 

Fácil não ? qualquer duvida é só perguntar.

------------------------------------------------------------------------------------------

 Queria agradecer muito a todos vocês , em menos de uma semana que eu inaugurei o novo layout do blog eu consegui atingir minha meta de seguidores , muito obrigada a todos , eu retribuo o quanto posso , adoro muito isso aqui ♥ bom , não tenho mais meta de seguidores a cumprir vou deixar que meus queridos leitores decidam isso , até o proximo post ><