Luccas

Eae galera hoje vim trazer o tutorial das paginas numeradas no seu blog , confiram :

Exemplo de pagina numerada é oque tem aqui na Index

Pagina Numerada

Primeiramente Acesse o painel do seu blog , vá em Modelo, editar HTML, clique em expandir modelos de widgets,  (De um CTRL + F ) para abrir uma barra de localização, tendo aberto a barra de localização cole este código.

]]></b:skin>

Tendo encontrado o código acima dele cole este outro código:

.showpageArea {
font-family:Verdana, Geneva, sans-serif;
color: #FFF;
font-size:12px;
margin:15px; }

.showpageArea a {
margin: 2px;
padding: 7px 7px 7px 7px;
font-weight: 700;
text-decoration: none;
color:#fff; /* COR DA FONTE DO LINK PRÓXIMA */
border-radius: 7px 7px 7px 7px; /* Edite a Borda */
background:#000; /* COR DE FUNDO DO LINK PRÓXIMA */ }

.showpageNum a {
padding: 7px 7px 7px 7px;
margin:0 4px;
text-decoration: none;
border-radius: 7px 7px7px 7px; /* Edite a Borda */
background:#000; /* COR DE FUNDO DO LINK PRÓXIMA */ }

.showpageNum a:hover {
font-size:13px
border-radius: 7px 7px 7px7px; /* Edite a Borda */
background: #000; /* COR DE FUNDO DO LINK PRÓXIMA */ }

.showpageOf{ margin:0 8px 0 0; }

.showpagePoint {
text-decoration: none;
padding: 7px 7px 7px 7px;
margin: 2px;
font-weight: 700;
border-radius: 5px 5px 5px 5px; /* Edite a Borda */
background: #000; /* COR DE FUNDO DO LINK PRÓXIMA */ }
color:#fff; /* COR DA FOONTE DA NUMERAÇÃO ATIVA */ }

2 Agora vamos para a segunda parte.
Copie este código e cole na barra de localização

</body>

tendo encontrado cole este outro código acima dele:

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

Agora visualize e modifica do jeito que seja seu agrado, se não deu nenhum erro você salva e confere como ficou.


Até a Proxima

Fonte: NEAR