Numeração nas Páginas do Blogger

Veja o código  para colocar numeração nas páginas do blogger. Não é muito difícil de instalar apenas é necessário alguns cuidados para evitar os erros nos códigos na hora de editar o "HTML" do seu blog.
Então vamos lá.

1. Faça login no Blogger
2. Vá em "Modelo" depois em "editar HTML", clique para expandir o widgets, procure por:

]]></b:skin> 

3. Cole este código antes dele:
.showpageNum a {<br /> padding: 3px 8px;<br /> margin:0 4px;<br /> text-decoration: none;<br /> border:1px solid #999;<br /> -webkit-border-radius:3px;-moz-border-radius:3px;<br /> background: #ddd;<br /> }<br /> <br /> .showpageOf {<br /> margin:0 8px 0 0;<br /> }<br /> .showpageNum a:hover {<br /> border:1px solid #888;<br /> background: #ccc;<br /> }<br /> <br /> .showpagePoint {<br /> color:#fff;<br /> text-shadow:0 1px 2px #333;<br /> padding: 3px 8px;<br /> margin: 2px;<br /> font-weight: 700;<br /> -webkit-border-radius:3px;-moz-border-radius:3px;<br /> border:1px solid #999;<br /> background: #666;<br /> text-decoration: none;<br /> }
Isso é a formatação dos links (botões) dos números das paginas.

4. Localize a tag abaixo:

</body>

5. Cole o seguinte javascript antes dele:
<script type='text/javascript'><br /> var home_page="/";<br /> var urlactivepage=location.href;<br /> var postperpage=7;<br /> var numshowpage=4;<br /> var upPageWord ='Voltar';<br /> var downPageWord ='Próxima';<br /> </script><br /> <script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script>
Essa linha var postperpage=7; define o numero de postagens por pagina

6. Procure por:

'data:label.url'

7. Substitua a linha acima por:

'data:label.url + "?&max-results=7"'

Use o Ctrl+F para localizar os trechos de códigos no seu blog, e cuidado para não apagar nada por engano, pois se faltar algum caractere ou deixar algo a mais o código não funciona.

Gostou? Compartilhe:

Tweet