Gadget de paginação em blogs do Blogger

Compartilhar:
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.

ExemploCódigo
IMAGEM 243
IMAGEM 244
IMAGEM 245
IMAGEM 246
IMAGEM 247
IMAGEM 248

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.
► Postagens Relacionadas:

8 Comentários

guilherme.butzke disse...

Ajuda-me T.T
No meu HTML ( Mesmo expandindo os modelos de widgets ) não tem em parte alguma esse 'data:label.url' Eu consegui colocar a paginação mas apenas na página inicial, nos marcadores não aparece, e pro meu tipo de blog (Filmes e seriados) é muito importante que tenha também nos marcadores, caso contrário, a pessoa clica em uma categoria e aparece la todos os filmes da categoria na mesma página, dae não da néh "/
Ajuda-me T.T

4 de agosto de 2011 00:21
João Neto disse...

guilherme.butzke: Estou analizando o seu blog e vendo em que posso ajudar! Em breve trarei o tutorial completo ensinando como adicionar esta tag! Mas, acho que seu template é bonito e que ele possivelmente já está apropriado para o tipo de seu blog. Mas vou encontrar um modo para te ajudar!
--
Abraços, João Neto

4 de agosto de 2011 17:36
guilherme.butzke disse...

Obrigado, sua ajuda será muito bem vinda. Tens algum Email pelo qual possamos conversar sobre isto ? Obrigado!

5 de agosto de 2011 02:42
João Neto disse...

Temos sim um Email! Use o: contato.categoriablogger@gmail.com. Falaremos mais sobre o assunto! Obrigado!

6 de agosto de 2011 17:43
eduardo clemente disse...

Ah João, não funcionou cara! Me dá uma ajuda, sou novo com o blogger e segui o seu tutorial da cabeça aos pés, mas não apareceu os botões de paginação...

1 de junho de 2012 16:57
João Almeida disse...

Em nenhum blog ele estará funcionando. Pois o código que estava no site foi retirado de lá e está impossível adicioná-lo novamente.

1 de junho de 2012 19:40
yasmine disse...

No meu nao funcionou também, nao aparece nada..gostaria de saber o que fazer

15 de novembro de 2012 14:58
João Almeida disse...

Desculpe, estamos corrigindo o erro do site que está hospedando o código. O código não é de nossa responsabilidade, mas estamos fazendo o possível para reverter a situação.

15 de novembro de 2012 19:14

Postar um comentário