Paginas Numeradas no Blogger

Muitas vezes aquela barrinha em cima do blogger, que por sinal é muito feia, estraga o blog, então ai vai o tutorial!!
É um tutorial simples, mas útil e que muita gente não sabe!!

Vá no Painel do seu Blog, Clique em Layout e depois em Editar HTML

Não esqueça de Baixar modelo completo do seu Template

Adicione esse codigo antes de ]]

É esse codigo que vai dar o estilo dos Links e tals...

.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;
}

Agora Localize essa parte do seu Template (Não marque a opção "Expandir Modelos Widgets")

cole o código script aqui

E Adicione esse codigo




Editando o Javascript

1 - Domínio Personalizado: Na linha 5, você pode precisar alterar as ". Com" a fim de reflectir a extensão de seu domínio se você usar um domínio personalizado.

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==" .com/";

Se seu blog termina com .blogspot.com, não altere nada. Formate apenas se você tiver um dómínio próprio como, por exemplo, .net, .org ou .info.

2 - Contagem de páginas e posts: Outra alteração é na linha 19 e 20:

O var pageCount = 5; define o número de postagens exibidas em cada página. Deve estar em sincronia com a quantidades de post que você definiu para aparecer na página principal. Ex.: se você definiu para em elementos de páginas para aparecerem somente 3 posts, você deve formatar para var pageCount = 3;

O var displayPageNum = 5; define o número de links que são exibidos (por exemplo: 1 - 2 - 3 - 4 - 5) abaixo da seção lugares.

3 - Tradução para português: Para colocar o next em português, vá até a linha 22 e altere a palavra next para sua versão apropriada. Exemplo: "Próxima".

Visualize para ver se está tudo correto e clique em Salvar Modelo.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.