sábado, 7 de maio de 2011

Numeração nas Páginas do Blogger

Veja o código atualizado para colocar numeração nas paginas do blogspot, anteriormente já publicamos um código Colocar numeração nas paginas do blog mas ele apresentou alguns erros, então encontramos essa versão mais recente deste hack que cria numeração de paginas no blog. 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, veja aqui Porque os códigos não funcionam no blog.
numeração nas paginas do blog
Entre na pagina editar HTML, clique para expandir o modelo, procure por ]]> e coloque esse código 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, para modificar o estilo dos botões veja aqui:

Agora localize a linha e coloque esse javascript antes dele:

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
</script>
<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

E para terminar procure por 'data:label.url' no código html inteiro do seu blog por e substitua todos eles por:

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


Use o ctrl+F para localizar esses trechos de códigos no seu blog, em caso de duvidas veja Onde colocar os códigos no 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.

Artigos Relacionados

0 comentários:

Postar um comentário