Testando

Hoje veremos mais um jeito de personalizar os links de postagens mais antigas e recentes, só que dessa vez, não usaremos imagens, mas sim, iremos numerar as páginas do nosso blog. Se não entendeu, veja um exemplo abaixo:
Agora que já vimos como fica, vamos ao tutorial!

Vá no HTML do seu blog, marque a caixinha "Expandir Modelos de Widgets" e procure por ]]></b:skin>

Cole antes disso, o código abaixo:




showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc; /*COR DO FUNDO DOS NÚMEROS /*
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333; /* COR DO TEXTO /*
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff; /*COR DO FUNDO DOS NÚMEROS SELECIONADOS/*
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc; /*COR DE FUNDO DO "PRÓXIMO"/*
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff; /*COR DE FUNDO DO "PRÓXIMO" SELECIONADO/*
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}