Personalizando Menu de páginas.

Olá povo! Quero dizer muito obrigada aos meus 51 seguidores aqui e na RFD (Revista Fashion Dream) *-* Seus lindos!
Enfim, a pedido da nossa leitora Vivi, hoje eu vou ensinar como personalizar o menu de páginas (igual ao da Fashion Dream e do layout que eu estou sorteando). É super fácil!
Então vamos ao tutorial. Primeiro, faça login em seu blog e vá em design, editar html, pressione as teclas Ctrl+F e procure por:
]]></b:skin>
E acima dessa tag, cole o seguinte código:

}
#PageList1 {
padding-left: 30px;
width: ;
height: 30px;
}
#PageList1 ul li a {
background:#1E90FF;
padding:  1px 16px 5px 16px;
}
#PageList1 ul li a:hover {
color: #ffffff;
text-shadow: 0 0 .5em #Cor da sombra;
background:url(Sua imagem quando passa o mouse);
border: 1px dashed #000000;}
#PageList1 {
padding-left: 30px;
width: ;
height: 30px;
}
#PageList1 ul li a {
background:#Sua Cor;
padding:  1px 16px 7px 18px;
}
#PageList1 ul li a:hover {
color: #ffffff;
text-shadow: 0 0 .5em #1E90FF;
background:url(Sua imagem quando passa o mouse);
border: 1px dashed #000000;}

Agora modifique onde está de vermelho e depois, visualize seu menu de páginas. Se gostar, salve!
P.S.: Caso não de certo, cole o mesmo código editado em Design> Designer do modelo> Adicionar CSS. Espero que tenham gostado, beijos!

Atenção: Se aprendeu com esse tutorial, credite! Proibido rebloggar!