Tutorial - Numerando as Paginas

Oi oi gente! Hoje eu trouxe um tutorial muito útil pra você que está personalizando seu blog!

 Para colocar no seu blog uma paginação assim, é só seguir estes simples passos: Vá no HTML do seu blog, procure pela tag (Aperte Ctrl+F e digite para facilitar a busca) Cole acima do trecho pesquisado, o seguinte código: Agora procure por ]]> e cole logo acima, este código:

/* PageNav --------------------------- */
.showpageArea {
font-family:Verdana, Geneva, sans-serif;
color: #000;
font-size:11px;
 margin:10px; }
.showpageArea a { padding: 3px 8px;
 margin: 2px;
 font-weight: 700;
 text-decoration: none;
 color:#777; /* Cor da fonte do link "próxima" */
 border:1px solid #ccc; /* Borda do link "próxima" */
background: #eee; /* Cor de fundo do link "próxima" */ }
.showpageNum a { padding: 3px 8px;
 margin:0 4px;
 text-decoration: none;
 border:1px solid #999; /* Borda da numeração */
background: #ddd ; /* Cor de fundo da numeração */ }
.showpageNum a:hover {
border:1px solid #888; /* Borda da numeração quando o cursor está em cima dela */
background: #ccc; /* Cor de fundo da numeração quando o cursor está em cima dela */ }
 .showpageOf{ margin:0 8px 0 0; }
.showpagePoint {
text-decoration: none;
padding: 3px 8px;
 margin: 2px;
font-weight: 700;
border:1px solid #999; /* Borda da numeração ativa */
background: #666; /* Cor de fundo da numeração ativa */
color:#fff; /* Cor da fonte da numeração antiga */ }

Feito isso, agora é só personalizar em todas as partes que tem instruções. Para ficar mais bonitinho você pode colocar sombra, e outras coisas. Não esqueça de sempre fazer backup do seu blog antes de começar algum tutorial! 

Bjo de Luz