Numeração personalizada

 

É bem simples, mas exige atenção, principalmente quando você for mexer no seu código HTML. Como sempre aconselho, indico que você faça o backup do seu modelo, para que não haja problemas futuros. Se você não sabe como fazer, clique aqui e aprenda.

Vamos la ao tutorial:

No painel do seu blog, vá em HTML , aperte Ctrl+F e digite  
</body> 

Cole acima seguinte código :

<script style='text/javascript'> var pageCount=5;var displayPageNum=5;var upPageWord="Anterior";var downPageWord="Próxima";</script> <script src='http://static.tumblr.com/y66747w/DqWm7hhf3/page-nav.js' style='text/javascript'> </script>

Agora procure por
]]></b:skin>  
e cole logo acima, este código:

/* Numeração de Paginas www.mundodeblogueira.blogspot.com--------------------------- */ .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:#fd9fdf; /* Cor da fonte do link próxima pagina */ border:1px solid #ccc; /* Borda do link próxima página */ background: #eee; /* Cor de fundo do link próxima página*/ } .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; /* Borda de numeração */ background: #ddd ; /* Cor de fundo da numeração */ } .showpageNum a:hover { border:1px solid #888; /* Borda da numeração quando o mouse está em cima */ background: #ccc; /* Cor de fundo da numeração quando o mouse está em cima */ } .showpageOf{ margin:0 8px 0 0; } .showpagePoint { text-decoration: none; padding: 3px 8px; margin: 2px; font-weight: 700; border:1px solid #999; /* Borda numeração ativa */ background: #666; /* Cor de fundo da numeração ativa */ color:#fff; /* Cor da fonte da numeração ativa*/ }

Não esqueça de fazer as alterações de cores de acordo com seu modelo.