8.12.13

Personalizar mensagens antigas, recentes e home


Tadaima, minnas. 

Trago outro tutorial, bastante diferente dos modelos que pesquisei e um dos poucos que resultou comigo sem prejudicar os códigos restantes. É uma forma de personalizar as mensagens antigas, home e mensagens recentes. É bem fácil, não se deixem enganar pelo tamanho! ;) Aliás, vejo muitos blogs, alguns bem conhecidos, que já nem usam esse tutorial, nem personalizando com imagem nem com texto, deixando a letra conforme o modelo blogger escolhido (geralmente o travel)... Fica horrível sem personalização, eu acho, portanto em breve darei a alternativa de personalizar com imagem. Relembro que este tuto foi inventado por mim, mas pode colocar bordas coloridas, outline, tirar a sombra interna, colocar sombra externa, e mudar as cores, claro. Enfim, agora vamos ao post:


Resultado: 


Tutorial:

Procure por:
</b:skin>

E acrescente acima:
#blog-pager {
clear:both;
text-align: center;
margin: 0px auto;
padding:5px;
color: #ffffff;
text-shadow:#FA89AF 0px 1px 1px;
text-align: center;
font-size: 10px;
font-family: silkscreen;
}
#blog-pager a:link, #blog-pager a:visited {
padding: 5px;
background: #FFE4E1;
box-shadow: inset 0 0 15px #f0b0b1, 0 0 3px #eec1c2;
border-radius: 3px;
-webkit-transition-duration: .60s;
}
#blog-pager a:link:hover, #blog-pager a:visited:hover {
padding: 5px;
background: #EED2EE;
box-shadow: inset 0 0 15px #c9b0ad, 0 0 3px #dec1be;
-webkit-transform: rotate(-5deg);
-webkit-transition-duration: .60s;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}

É só isso, viram?

1 comentário:

  1. adorei o tutorial
    eu tava atrás desse trem a muitooooo tempo e só achei agora, obrigada mesmo!

    ResponderEliminar