Gadget de paginação em blogs do Blogger + Gadget de numeração de páginas 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. Faça o login no Blogger e procure por uma casa, clique nela.

2. Agora, procure pelo link Modelo e depois 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 código ou 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á quesubstituir 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. Novamente procure por uma casa e clique nela, logo após, clique em Layout > Adicionar um gadget > HTML/JavaScript e cole o código abaixo:

<!-- Script de paginação --><script language='javascript' style='text/javascript'>
var pageCount=15;
var displayPageNum=15;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script language='javascript' style='text/javascript' src='
http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script><!-- Fim do script de paginação -->

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.