Numeração de Páginas do Blogger

Próxima Dica

Não é muito difícil de instalar apenas precisa de alguns cuidados para evitar os erros nos códigos na hora de editar o HTML do seu blog.

Numeração de Páginas do Blogger

Entre na pagina editar HTML, clique para expandir o modelo, pressione Ctrl+F para procurar por ]]></b:skin> copie o código abaixo e cole antes dele:

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd;

}

.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

border:1px solid #888;

background: #ccc;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #999;

background: #666;

text-decoration: none;

} 

Isso é a formatação dos links (botões) dos números das paginas.

Agora pressione Ctrl+F para localizar a linha </body> e coloque o código abaixo antes dele:

&lt;script type='text/javascript'&gt;

var home_page="/";

var urlactivepage=location.href;

var postperpage=5;

var numshowpage=4;

var upPageWord ='Voltar';

var downPageWord ='Próxima';

&lt;/script&gt;

&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt; 

A linha var postperpage=5; define o numero de link de pagina que será exibido, tipo se você deixar o numero 5 será exibido dessa forma:

Numeração de Páginas do Blogger

Agora pressione Ctrl+F para localizar 'data:label.url' existe a possibilidade de ter vários códigos desses, ache todos e substitua todos eles por:

'data:label.url + &quot;?&amp;max-results=7&quot;' 

Pronto feito isso você terá inserido a numeração de pagina no seu blg.