Colocando Números de paginas no blogger

Colocando Números de paginas no blogger


Mais uma vez fica comprovado que podemos ter vários recursos do Wordpress que sempre disseram que no Blogger não era possível. Com a dedicação e boa vontade de compartilhar de alguns MESTRES do JavaScript!!(não vou chama-los de hackers pois no Brasil parece "palavrão").

Obtive a permissão do Mohamed Rias do Blogger Accessories - desenvolvedor do hack para paginação dos posts - e da Amanda do Blogger Buster - que "estilizou" a paginação conforme vocês podem ver no final da página aqui no Blog a La Carte para traduzir o tutorial para vocês.



O Script postado aqui já está modificado para o português.

Na Guia "Layout", vá em "Editar HTML" e salve seu template clicando em "Baixar Modelo Completo".

Não marque a caixinha "Expandir Modelos de Widget".


Copie o código a seguir e cole no final de sua CSS, ACIMA da tag ]]>

.showpageArea a {text-decoration:underline;}

.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;}

.showpageNum a:hover {
border: 1px solid #ccc; background-color:#ccc;}

.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;}

.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;}

.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;}

.showpage a:hover {text-decoration:none;}

.showpageNum a:link,.showpage a:link {
text-decoration:none; color:#333;}



Modifique as cores de acordo com as cores de seu blog.

Agora procure o código referente à área do main em seu template:





Copie o JavaScript do arquivo anexo e logo ABAIXO de cole o código.


O número de posts mostrados em cada página está definido como 5 (veja no ítem var pageCount = 5;) e o número de páginas mostradas na numeração também está definido como 5 (veja no ítem var displayPageNum = 5;). Altere esses números de acordo com sua preferência.

Visualize seu template para verificar se os códigos estão corretos, e se estiver tudo OK, salve o template. As alterações irão aparecer depois de salvar.

Na Guia "Configurações" ==> "Formatação" coloque o mesmo número de postagens a serem mostradas na página inicial que você escolheu para o "var pageCount". Se você quiser manter o número como está no Script, escolha "5".

Essa numeração de páginas irá ser mostrada na home page, nas postagens por marcador e nas postagens por mês (arquivo do blog).