Gadget de paginação em blogs do Blogger

Olá, queridos leitores! Hoje irei ensinar a vocês como instalar o gadget de paginação em um blog do Blogger, é claro! O gadget funciona assim: ao invés daqueles botões "Postagem mais antigas" e "Postagem mais recente" colocaremos um botão com páginas numeradas. Vamos ao tutorial.

1. Acesse o painel de controle do seu blog e clique na guia Modelo. Depois, clique em Editar HTML.

3. Pressione Ctrl + F para abrir o Localizador de seu navegador e procure por o código abaixo:

]]></b:skin>

4. Agora vamos escolher o modelo para aplicar o CSS ao gadget, para isso, escolha um dos modelos abaixo e cole o código escolhido acima da tag descrita acima.

Exemplo	Código

5. Para finalizar, clique em Visualizar se estiver tudo correto, clique em Salvar.

Agora, vamos configurar o código para que ele apareça também na página de marcadores:

1. Ainda na aba Editar HTML, marque a opção Expandir modelos de widgets.

2. Pressione Ctrl + F para abrir o Localizador de seu navegador e procure pelo código abaixo.

'data:label.url'

3. Dependendo de seu template o código acima aparecerá mais de uma vez, então você terá que substituir todos os códigos pelo código abaixo:

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

4. Substitua o número em destaque para a quantidade de posts você quer na sua página inicial.

5. Para finalizar, clique em Visualizar e se estiver tudo correto, clique em Salvar.

Agora vamos adicionar e configurar o script para isso, você terá que:

1. Agora clique em Layout > Adicionar um gadget > HTML/JavaScript e cole o código abaixo:

<script type=&#39;text/javascript&#39;>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próxima&#39;;
</script>
<script src=&#39;http://www.yourjavascript.com/19425042120/pagenav.js&#39; type=&#39;text/javascript&#39;></script>

Entendendo o código

Vermelho: Altere para a quantidade de artigos que você quer na página inicial;

Azul: Altere para a quantidade de páginas que serão mostrada nos botões;

Rosa: Altere para o nome que você quer, como Anterior;

Laranja: altere para o nome que você quer, como Próximo.

2. Finalize clicando no botão Salvar.

Atenção: Você sempre deverá fazer o backup do seu template para evitar transtornos!
Acesse a guia Modelo, Restaurar/Fazer backup e Fazer download do modelo completo. Esse método lhe dará mais segurança!

Pronto! Se esse artigo foi útil e ajudou bastante, deixe seu comentário.

Códigos por: Abu-Farhan

Atualização — 15.11.2012 às18h23min
Infelizmente, o blog que hospeda os estilos e o código em JavaScript esta com um Malware e com isso, tudo o que ele hospedava foi excluído. Já atualizamos os códigos e funciona tudo normalmente.