Menu Size

Oi meninas, as pessoas que visualizaram meu blog "One Di meu tudo (IMAGINES)" perceberam que tinha um menu size hover, e me pediram para explicar, e então vamos lá! Pra quem não entendeu o que é Menu Size Hover, é isso:

São esses menuzinhos que se você clicar em cima ele fica de outra cor! A mudança de cor se chama HOVER

Então vamos a HTML para colocar esse menu. 

Vamos ao tutorial: 

1º Você vai em Layout, Editar HTML

2º Procure isso.. Lembre que se usa o (Ctrl+F) pra procurar, procure por: 

]]></b:skin>

3º Em cima da tag que você procurar você cola: 

.menusize {

display : block;

padding: 2px;

background: #e0e0e0;

text-indent : 5px;

padding-left: 6px;

vertical-align : middle;

margin-bottom: 2px;

-webkit-transition: all 0.60s;

}

.menusize:hover {

padding-left: 15px;

border-width: 1px;

border-style: left;

border-color: #f2bad2;

box-shadow: inset 350px 0 0px 0 #f2bad2;

 -webkit-transition: all 0.30s;

}

Agora Salva. 

Agora vai em Layout e adiciona um gadget "JavaScript/HTML" e cole nele:

<div class="menusize">

<a href="www.seublog.com"> Link 1 </a></div>

<div class= "menusize">

<a href="www.seublog.com">  Link 2 </a></div>

<div class= "menusize">

<a href="www.seublog.com">  Link 3 </a></div>

<div class= "menusize">

<a href="www.seublog.com">  Link 4 </a></div>

<div class= "menusize">

<a href="www.seublog.com"> Link 5 </a></div>

<br />

Agora é só mudar o "www.seublog.com" pelo link em que o menu levará e trocar o link 1 pelo item do menu! 

Por Exemplo o meu é assim:

Não é difícil né? 

Então é isso! 

Beijos e até mais, coloquem ai nos comentários o que vocês querem para o próximo tuto. 

FELIZ ANIVERSÁRIO LOUIS TOMLINSON NOSSO ETERNO BOO BEAR. 

HAHA' 

FELIZ NATAL A TODOS. 

Beijos da Cah!