Olá pessoal antes de
tudo queria pedir desculpas por não ter postado ontem, pois estava um pouco
ocupada, mas hoje vim mostrar como colocar o Menu Tory no seu blog, esse é o menu que estou utilizando no
momento.
Eu acho esse menu
muito lindo.
Primeiro entre vá em Modelo>> Editar HTML>>Aperte Ctrl
+ F e procure por:
]]></b:skin>
Quando achar cole acima
dele o seguinte código:
/* -- Menu Tory - tory-spacetutorials.blogspot.com -- */
st{
text-align: center; /* Alinhamento do Texto */
width: 40%; /* Tamanho da caixa */
padding: 3px; /* Altura */
float: left; /* Posicionamento da caixa */
background: #E2FFD5; /* Cor do Fundo */
color: #FF7DB1; /* Cor da Fonte */
border-radius: 0px 0px 0px; /* Bordas Arredondadas */
-webkit-transition-duration: .90s; /* Tempo de transição */
margin: 3px; /* Espaço entre uma caixa e a outra */
}
st:hover {
background: #FFB3D2; /* Cor do Fundo Hover*/
color: #000; /* Cor da Fonte Hover*/
border-radius: 0px 100px 100px 0px; /* Bordas Arredondadas Hover */
letter-spacing: 3px; /* Espaço entre as Letras */
-webkit-transition-duration: .90s; /* Tempo de transição */
/* -- Fim do Menu Tory - tory-spacetutorials.blogspot.com -- */
Se estiver tudo certo
salve.
E agora vai em Layout>> Adicionar Gadget>> HTML/JavaScript
e cole o seguinte código:
<a href="LINK DA PAGINA"><st>NOME DA PAGINA</st></a>
Já está tudo
explicadinho no código e só prestar atenção.
OBS.: Nenhum código abaixo dele vai funcionar, então recomendo cole os códigos acima dele.
Créditos: Space Tutorials