Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1511264362
Vida do cache: 1511307562
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Códigos e Scripts

Numerar Páginas no Blogger Corrigido

Este artigo substitui o artigo anterior que disponibilizava um Código para numerar páginas no blogger, tendo em vista o não funcionamento do mesmo.
Confira abaixo o tutorial completo de instalação com o código corrigido e atualizado.

Este hack é bem mais simples de instalar pois ele vem com um JavaScript embutido em forma de url, o que o torna menos extenso e mais objetivo.
Este código foi modificado e traduzido por mim, a partir do criado e publicado no BloggerPlugins, já que o original é em inglês.

Só para lembrar, sempre é bom que você faça um Backup do seu template antes de prosseguir para evitar transtornos, caso algo saia errado.

1º Passo – Adicionar o arquivo JavaScript no seu template.

Faça download dos arquivo javascrit necessário para utilização deste recurso:Download
Hospede o arquivo em seu próprio site de hospedagem.
– Veja relação com opções de Sites para hospedagem de arquivos.
Após hospedar o arquivo, copie o link e acrescente a url dele no local indicado no código a seguir.

Acesse o painel do blogger e vá até o menu “modelo” >> Editar HTML , não precisa marcar “Expandir modelos de widgets” e procure pela tag:
</body>

e ACIMA dela cole o seguinte código:


<script style="text/javascript">
var pageCount=5;var displayPageNum=5;var upPageWord="Voltar";var downPageWord="Próxima";</script>
<script style="text/javascript" src="URL-JAVASCRIPT-PAGE-NAV">
</script>

Existem alguns parâmetros personalizáveis neste código.
var pageCount=5; -> número de postagens que irá aparecer em cada pagina. Altere a numeração, se preferir.

2º Passo – Corrigir o template:

Vá até Layout >> Editar HTML , marque “Expandir modelos de widgets” e procure cada ocorrência de :


'data:label.url'

incluindo as aspas, e substitua todas por:


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

Aqui 5 é o número de posts a serem exibidos por página.

 

3º Passo – Aplicar os estilos CSS:

Vou disponibilizar aqui 3 modelos para você escolher. Escolha um, e se quiser, você pode editar as cores da maneira que preferir de acordo com o layout do seu blog.

Modelo 1
Se você quiser o modelo da figura acima, copie todo o código abaixo e cole-o ANTES da tag ]]></b:skin>


/* PageNav
--------------------------- */
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc; /* edite a cor da borda se quiser*/
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc; /* edite a cor da borda */
background-color:#cccccc; /* edite a cor de fundo se quiser*/
}
.showpagePoint {
color:#333; /* edite a cor da fonte */
text-decoration:none;
border: 1px solid #cccccc; /* edite a cor da borda se quiser*/
background: #cccccc; /* edite a cor de fundo se quiser*/
margin:0 3px;
padding:3px;}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc; /* edite a cor da borda se quiser*/
padding:3px;}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333; /* edite a cor da fonte */
}

Modelo 2


/* PageNav
--------------------------- */
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px; }
.showpageArea a {
color: #fff;
}
.showpageNum a {
padding: 3px 4px;
margin:0 4px;
text-decoration: none;
border-top:2px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x; }
.showpageNum a:hover {
border-top:2px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;
}
.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
border-top:2px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;
text-decoration: none;
}
.showpageOf{ margin:0 8px 0 0;
}

Modelo 3


/* PageNav
--------------------------- */
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px; }
.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
text-decoration: none;
}

Agora é só salvar e pronto! Já está tudo instalado!
Confira DEMO.

[alerta]Lembrando que, a funcionalidade deste script pode variar de acordo com o template.Caso este script não funcione em seu blog, leia este artigo: Por que alguns scripts não funcionam no meu blog?, talvez você encontre resposta para o seu problema.[/alerta]

Fonte: BloggerPlugins



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

148 Comentários

  1. Leonardo nascimento disse:

    Fiz tudo como ensina no tuto e não deu certo :/

    Tenho uma pergunta, tem que excluir todos os ” blog-pager” ?

  2. Junior disse:

    Olha achei que nunca encontraria um código que funcionasse, finalmente cheguei ao seu site. muito obrigado pela dica 100%

  3. Jonathan disse:

    Não deu certo
    essas páginas eu copiei e colei tudo certo ai quando puis pra Vizualizar não tava lá

  4. Mário Lúcio disse:

    Muito boas as suas dicas, a maioria dos códigos que uso no meu Blog eu usei dos tutoriais daqui, obrigado

  5. Roni disse:

    nao funcionou :\
    eu hospedei o arquivo que baixei no 4shared, poderia ser ?
    não apareceu a numeração….. #Socorro.

    • Vanessa disse:

      Com certeza! Não vai funcionar nunca com arquivo hospedado no 4shared. Leia o tutorial com atenção que vc verá no post um link para um artigo com lista de sites para hospedagem.

  6. Jefferson disse:

    Tem Como Ocultar na Pagina inicial e mostra só nos Marcadores ?

  7. Excelente hack. Funcionou direito. Só não sei se dá para tirar aquela parte onde tem o número total de páginas. Achava que ficava perfeito se só aparecesse só os números das páginas.

  8. PERRY MASON disse:

    Ola tenho um blog com quase 1000 postagens e nao funcionou nao ,, poderia me informar o motivo?

    • Vanessa disse:

      Infelizmente, alguns recursos podem variar de template para template, sendo assim, não tenho como ajudar.

  9. A ocorrência ‘data:label.url’ não tem no meu modelo html. Ajude-me!

    • Vanessa disse:

      Dependendo do modelo do template, pode haver variações nos códigos. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

  10. Não consigo… ta dando erro no: Faça download dos arquivo javascrit necessário para utilização deste recurso:Downloadurl_icon

  11. Felipe disse:

    Olá Vanessa.
    No momento, sou iniciante no blogger, e visito vários sites de dicas para o blogger.
    Considerei seu site como o melhor para mim.

    Bom, vamos ao assunto:
    Eu fiz corretamente como mandado, o modelo ficou, mas o problema é que eu tenho 7 posts no blogger, configurei para mostrar 5 em cada página, e tinha que ter a página 2, para mostrar os outros 2 posts, mas simplesmente mostra que só tem 1 página, sendo que o blog tem 7 posts, e na página mostra apenas uma.
    Espero resposta Vanessa, obrigado.

  12. Esta dica é perfeita para meu blog que é sobre livros,já que estou produzindo o blog como um livro,no lugar de Quem Sou Eu coloquei Autor,no lugar de Arquivos do blog coloquei Capítulos,e agora vou colocar as páginas.
    Obrigado pela ótima dica!

  13. Vincius disse:

    Origado, essa postagem foi muito util para mim

  14. Aline disse:

    Vanessa, não está funcionando. Nenhum PAP de numeração de paginas está funcionando e meu blog é novo, não tem nenhuma modificação nele. Já não sei mais o que fazer… Me ajuda!

    • Vanessa disse:

      Tais recursos podem variar de template para template. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

  15. o blogger só me permite 20 paginas, existem alguem código no qual eu poderia obter mais de 20? obrigada e parabéns pelo seu site, seu lay out é show.

  16. Lycio disse:

    OLÁ. GOSTARIA DE PARABENIZAR PELA PUBLICAÇÃO. ME AJUDOU MUITO.
    VLW

  17. Rafael Costa disse:

    Gostaria de agradecer de coração, consegui deixar meu blog do jeito que eu queria, ficou perfeito! E vou deixar uma dica aqui pra galera, que quer aumentar o número de postagens das páginas seguintes, procurem por este código:

    var home_page=”/”;
    var urlactivepage=location.href;
    var postperpage=7;
    var numshowpage=7;
    var upPageWord =’Previous’;
    var downPageWord =’Next’;

    Modifiquem apenas o número (7) por outro vejam no meu blog, as postagens seguintes ficaram na quantidade que eu queria.
    Espero ter ajudado! ABraços

  18. Obrigado pela correção, ficou uma belezura !

    Valeu…..por compartilhar.

  19. J.Victor disse:

    Olá,fiz tudo certinho mas não funciona como devia,fiz um teste numerei 30 postagens,na pagina inicial mostra na sequencia certa ate 20,fica normal,mas quando vou para pagina 2,a sequencia pula algumas postagens,o próximo deveria ser 21,e acaba sendo 18,e quando vou para pagina 3,ele pula para 5,ele não esta mostrando algumas postagens,por que isso esta acontecendo ?

  20. Não estou conseguindo usar as instruções no template espetacular ltda, existe algo que eu possa fazer? essa script sem dúvida é um dos mais importantes e não estou conseguindo colocar, alguém me ajuda por favor! Fico no aguardo, abraços.

  21. Thiago Carvalho disse:

    Grande. Seu post é demais. e, também, muito útil, mesmo. mas, eu tou com um probleminha: eu consigo fazer o Passo 1. O blog fica paginado e tal. mas, quando vou pro Passo 2, simplesmente as alterações desaparecem. o passo 1 é muito útil e já quebra o galho, de forma funcional. mas, não tem uma estética boa. já no Passo 3 é que não fica mais nada da modificação relacionada à paginação. cê tem alguma ideia do que poderia estar acontecendo? agradeço, desde já.

  22. Geovanni Paolo disse:

    Muito obrigado :)

  23. Gi Soares disse:

    ADOREI! Nao tenho nenhuma experiencia com codigo HTML e consegui mudar failmente, muito obrigada!

  24. scriptdeautosurf disse:

    Valeu pela ajuda
    e otimo codigo

  25. R.M.B disse:

    Obrigado, o codigo me ajudou Muito!
    Funcionou Perfeitamente!

  26. Poiesis disse:

    Oie, Clau, usei este script e ficou ótimo, e funciona no meu blogue que é privado, mas hospedei o arquivo js no SkyDrive, e a solução foi copiar o link de download e apagar tudo até a extensão do ficheiro para funcionar, continuo a usar o seu Night Shadow, agora… muito obrigada por todas as dicas maravilhosas. Bjs

  27. Matheus Ribeiro disse:

    Uma dica para o pessoal (se a Clau permitir), o resultado só é visualizado se seu blog é publico, ou seja, se é privado não vai aparecer.

  28. .:: Clau ::. disse:

    May
    A funcionalidade deste script pode variar de acordo com o template. Alguns scripts conflitam entre si. Dê uma lida no link do artigo que eu indico no aviso dentro da caixinha no final deste tutorial.

  29. May Ishii disse:

    Oi Clau!

    Instalei esse script num blog de testes e infelizmente ele entra em conflito com o script da Nuvem de Tags: o script funciona corretamente, faz a paginação certinho (apesar de não deixar apenas 5 posts por página, (mesmo sem eu alterar nada no código) mas a nuvem some, fica um branco vazio.

    Alguma solução?

  30. Don disse:

    Muito bom, testei outros 6 tutoriais que achei na internet e nenhum me ajudou, só me causou mais problemas rsrs

    Parabéns pelo post

  31. Letiih disse:

    ooi, eu fiz o meu blog outro dia
    só qe precisaria de uma ajuda pra numerar as páginas
    eu ja usei varios codigos e não da em nada
    fica só a página inicial e o número 1
    só que o conteúdo de lá já ta muito grande pra fica em uma pagina só
    vcs saberiam como posso resolver isso?

  32. CheL Do CaVaCo!!! (((O mais atualizados da BaHêa!!!))) disse:

    Oi!
    Muito massa o artigo!
    Só tenho uma duvida.
    Esse Script interfere no script do Favicon?
    Pq eu pus aqui, e o Favicon não quer aparecer mais…
    Grato!

  33. Leonardo - Bmviicio disse:

    coloquei esse hack em meu blog mais nao funciona nos marcadores.

    tem algum jeito de fazer isso funcionar nos marcadores ?

  34. Victor Augusto disse:

    Muito obrigado. Me ajudou muito.

    Só que aqui no meu blog, se eu colocar o link de download do page-nav hospadado no google sites, ele dá erro.

    Hospedei no site FREE JAVASCRIPT HOST e deu certo.
    Não sei se é o meu blog(template) que não aceita ou é outra coisa.
    Fica aí a dica para as outras pessoas 😉

    Obrigdo novamente, site perfeito!
    Volto sempre aqui 😀

  35. .:: Clau ::. disse:

    Zaraki
    Verifique se o problema não está relacionado ao js. Veja o site onde vc hospedou o arquivo se está com problemas.

    Chico
    A funcionalidade deste script pode variar de acordo com o template. Dê uma lida no aviso dentro da caixinha no final do artigo.

  36. Chico Canavieira disse:

    uso uma versao antiga de 2006. fiz tudo isso + nao funcionou. foi como se eu nao tivesse feito nada. grato

  37. Zaraki disse:

    bom eu instalei as paginas ficou maravilha , muito lindo , no entanto depois de uns 20 dias a numeração desapareceu , e não voltou vc pode me ajudar poque eu gostei muito desse estilo numerando as paginas ,muito legal at+

  38. Chico Canavieira disse:

    fiz tudo certinho + nao consigo salvar pois da um erro,, dizendo que falta > ou "

  39. alligatorfunny disse:

    Eu consegui colocar a numeração mas ela nao aparece nas paginas internas do blog, como marcadores.
    Pode me ajudar?

  40. culturamobile disse:

    Olá Clau,
    Obrigado pelo post, o código funcionou perfeitamente em meu blog.
    Só fiz uma alteração no arquivo 'page-nav.js' para deixá-lo ainda melhor: eu abri o 'page-nav.js' pelo bloco de notas e onde havia a palavra "Paginas" substitui por "Páginas" (com acento rs). E para que o "á" apareça corretamente mudei a codificação para UTF-8 na hora de salvar.
    Assim não corremos o risco de um professor de português puxar nossas orelhas rs.

  41. .:: Clau ::. disse:

    Fabio Gbi
    Por favor, leia meu comentário de nº87.

    Lucas Rafael,
    Léo Queiroz

    Obrigada!

  42. Fabio Gbi disse:

    aki no meu esta pulando paginas :(
    coloquei pra exibir 10 post por pagina, quando clico na segunda envez de aparecer a 11 aparece a 21. Poderia me ajudar?

  43. Léo Queiroz disse:

    Nosa, parabéns mesmo!. Sempre to aqui fuçando seu blog e procurando um tutorial, neste calhou mto bem no meu blog (www.blogcandelabro.tk), mto obrigado por ser o anjo das pessoas na internet, vou até colocar um banner do seu blog lá no meu recomendando … Um grande abraço!

  44. Lucas Rafael disse:

    Clau,te adoro,foi preciso apenas uma visitinha,pra mim se viciar aqui,tipo muito bom!
    Aprendo muita coisa com vc,obrigado!

    Bjos,e não pare nunca…rsrrss

  45. .:: Clau ::. disse:

    Erik
    Ah, então provavelmente é isso mesmo.
    Bom, parabéns pelo aniversário(atrasado) =)

  46. Erik disse:

    Clau, brigadão pela ajuda, mas acho que descobri o possível erro…em meu blog só ocorre uma ocorrencia de "'data:label.url'"…talvez seja isso 😛

    E fico feliz pela atualizaçao ter sida no dia do meu aniversario \o\ \o/ /o/

  47. .:: Clau ::. disse:

    Felipe
    Torno a repetir: Esse código não foi criado por mim,conforme citei no post,eu apenas o traduzi e disponibilizei.
    Pelo que percebi o funcionamento dele é assim mesmo. Agora se vc quiser modificar alguma coisa no código, é por sua conta, ou então, contacte o criador do script para buscar informações.

  48. Felipe Correia disse:

    com faço para resolver isso?

  49. Felipe Correia disse:

    Percebi um problema nele!
    Nas páginas das categorias não aparecem!
    Aparecem "Postagens mais antigas" e…

  50. .:: Clau ::. disse:

    Admin
    Mas não vai aparecer mesmo..na imagem aparece pq eu acrescentei só para fins de ilustração.

  51. admin disse:

    Nos modelos 2 e 3 aparece na figura o numero da ultima pagina como uma opçao aparentemente clicavel.

    Mas utilizando o CSS para tais modelos continua nao aparecendo.

    O que deveria mudar no codigo?

  52. Felipe Correia disse:

    olá, Clau adorei o tutorial!
    Mais seria com se você explicasse o CSS para que agente possa personalizar com facilidade!
    Valew!!

  53. .:: Clau ::. disse:

    Erik
    Eu não sei se é isso não, pq por exemplo, a Juliana instalou este script no Dicas Blogger e o blog dela possui muito mais que 700 postagens e pelo q vi lá funciona perfeitamente. Deve ser algo relacionado ao seu template.

  54. Erik disse:

    Ah Clau, obrigado pela resposta. Mas pelo que vi em outros sites…parece que o limite é de 500 artigos. E meu blog ja passou disso =/

    Então não vai dar certo :'(

    Obrigado mesmo assim!

  55. .:: Clau ::. disse:

    Erik
    Esse código não foi criado por mim,conforme citei no post,eu apenas o traduzi, não sei como ajudar.
    O que posso te dizer é que eu testei e ele funciona direitinho no meu blog de testes, mas por ser um script, a funcionalidade dele pode variar de acordo com o template.

  56. Erik disse:

    Oi Clau…o meu também estava com problemas, e era realmente o arquivo .js… mas já esta normal, poque fiz o que falou…porém mostra no meu blog mostra até 84 páginas e corta algumas…acredito que algo em torno de 10 a 15 paginas…

    Algo que eu poderia fazer?

  57. .:: Clau ::. disse:

    Master Gig
    É que o arquivo está hospedado no Dropbox e o site está com problemas…acabei de publicar um artigo falando sobre isso..dá uma lida na postagem recente.

  58. Master Gig disse:

    Oi Clau, tudo bem?
    eu fui testar no meu blog e acabou não funcionando…
    dai eu fui ver o código javascript e… advinha… não carregou nada :/
    http://dl.dropbox.com/u/3173073/HacksBlogger/page-nav.js

    tente repassar o arquivo ou refazer o upload 😛
    [deve ser por isso q tem tantas reclamações]

  59. John disse:

    Deu certo!!! Muito obrigado!!! As melhores dicas sempre encontro aqui por mais sites parecidos com esse que eu visite…

  60. link disse:

    AMEIII? estava a mais de 2 meses procurando por algo assim, a juliana me indicou vc, e APROVO! seu blog é mt legal, obrigada por dividir seu conhecimento com a gente, beijos?!

  61. Edu Rodrigues disse:

    Otimo, muito obrigado!
    Com a correção do codigo, ficou perfeito no meu blog!
    (apenas a cor foi modificada, em relação ao modelo)
    até mais

  62. K@buloso disse:

    Deu certo Clau! por um detalhe, na primeira etapa desabilitei a opção "Expandir modelos de widgets" e coloquei o código, após isso salvei,depois fui naturalmente.
    Bjs, te achei mô gata e inteligente!

  63. leandro/leste disse:

    valeu pela dica ajudou muito
    sucesso

  64. Crash disse:

    PS: meu blog so tem 2 posts comecei a criar ele hj.. :D!
    esqueci de avisar desculpa! 😀

    mais eu fui em elemnetos da pagina ~> postagens no blog e auterio numero de postagens da primeira pagina para 1 como su tinha duas postagens achei que iria fikar uma na primeira pagina e a outra na segunda pagina e assim iria aparecer o hack, mais naum apareceu :(!!!

    mas eu refiz o tutorial de traz para frente como vc me indicou e deu tudo certo!! e agora eu vou sempre fazer o back up, muito obrigado!!!

  65. .:: Clau ::. disse:

    Crash
    infelizmente, não sei como te ajudar. O funcionamento deste hack pode variar de template para template, pois funciona a base de um script, e para cada caso é um caso. Não há como eu saber especificamente qual o problema q ocorreu no seu.
    O backup deve ser feito, independente do tutorial publicado ser confiável ou não..ele deve ser feito pra evitar justamente isso que aconteceu com vc..se caso algo saia errado, ter como reverter, e voltar como estava antes.
    O q posso te aconselhar é q vc tente seguir o tutorial ao inverso, para tentar remover o hack que vc instalou.
    E procure sempre fazer um backup antes de implementar qualquer recurso no blog!

  66. Crash disse:

    CLAAAAUUUUUUUUUUU!!

    me ajudaa…
    eu fiz tudo certinho…
    mais como eu sempre vejo tutos aqui no seu blog e sei que sao super confiaveis naum fiz backup :(
    naum deu nenhum erro, mais naum apareceu as paginas numeradas… naum aparece >> page (um numero) 1 2 3 4 5….. :(( me ajuda!! eu tou chorandooo aqui, me ajuda!!

  67. .:: Clau ::. disse:

    ? Jão Bless ?
    Sempre q vc faz backup, vc salva o modelo do template do jeito que está..isso inclui as últimas atualizações que vc fez nele.

  68. ? Jão Bless ? disse:

    Te fala a verdade nem eu entendi agora q eu li… rsrs
    mas já resolvi já Clau
    Minha duvida agora é se eu baixar meu template no painel de meu blog ele ficará salvo com esse sistema de paginas ?
    Muito obrigado pelas grandes soluções
    ;*

  69. .:: Clau ::. disse:

    ? Jão Bless ?
    Desculpe, mas eu não entendi nada sobre o q vc falou do Dropbox.

  70. IgoOr ' disse:

    Cara ótimo trabalho!!!
    Vlw (yy'

  71. hotcar disse:

    PERFEITOO!!!!!
    o meu blogg
    http://torpedogratix.blogspot.com

    os css nos meus sites uso outros codigo;

    mas parabens o html esta funcinando perfeitamente.

  72. Rickzinhocps disse:

    Clau, eu adicionei esse efeito em meu blog e conclui com sucesso, ficou lindo mais quando eu atualizo a página, s botões numerados mudam e ficam um azul todo desorganizado! Isso acontece com os três estilos …Inclusive ja testei todos … Poderia me ajudar !

  73. Carlos-kun disse:

    Tem como vc criar outros estilos?

  74. Nauan disse:

    Pode deixar gente corrigi o erro é pq na hora di corrigir 'data:label.url + "?&max-results=5"' eu tinha colocado tudo de uma vez só pq o meu tinha 3 aí eu tinha que colocar di 1 em 1 e salvando.

  75. Nauan disse:

    Bugado!

  76. ::Clau:: disse:

    @Videos Legais da Hora, @ Felipe Correia:
    Que bom que conseguiram. Valeu pela visita!

  77. ::Clau:: disse:

    Ao pessoal que instalou o script e não deu certo , eu não sei como ajudar vcs, pq pode ser que o problema esteja relacionado ao template que vcs estao usando. Sem falar no fato q não fui eu que desenvolvi este script,apenas o divulguei, então não sei como ajudar.Notem que o script funciona pra alguns e para outros não…por isso que falo que para cada caso é um caso, e tudo pode estar relacionado ao template que usam no blog de vcs!

  78. Felipe Correia disse:

    Valeuu! :)

  79. Videos Legais da Hora disse:

    1 ano procurando um codigo para numerar as paginas dos meus blogs, que lastima…
    Esse codigo foi o unico que funcionou corretamente…
    Seu site esta de parabéns…
    Meus Sinceros Agradecimentos!

  80. Gilmarzinho disse:

    Olá.
    Muito obrigado pela postagem. Consegui fazer tudo direitinho, só tem uma coisa que não sei o que pode ter dado errado:
    Aparecem 13 páginas do meu blog (www.gurizadablog.com), sendo que isto cobre só até a penúltima página. Fica faltando a mais antiga, que não aparece nem dá opção para continuar.
    O que pode ser isso?

    Muito obrigado! Té.

  81. ::Clau:: disse:

    @Luizmetalico:
    Se vc seguiu todos os passos certinhos, então não sei como ajudar, pq pode ser que o problema esteja relacionado ao template que vc está usando.

  82. Luizmetalico disse:

    Bom Dia.. nossa esse site é tudo..
    Ja perdi as contas de qts vezes tentei
    colocar pagina sem sucesso..
    AhaUahuahuahauhauha
    So que restou uma duvida.. no meu blog apareceu
    apenas 100 paginas,, tem que modificar algo para aparecer todas?? Muito obrigado!!

  83. ::Clau:: disse:

    @Yorgan:
    Este hack funciona a base de script, e muitas vezes pode estar ocorrendo conflito de script no seu template. Com certeza o problema está relacionado ao template que vc está usando. Tente fazer uma verificação dos scripts que vc tem instalado.
    Dá uma lida neste artigo que pode ser que te dê uma luz pra entender alguns dos problemas mais comuns que possam ocorrer:
    Por que alguns scripts não funcionam no meu blog?

  84. Yorgan disse:

    Gothic Darkness, obrigado….mas se nuns templates funciona e noutros nao é pk nos que nao funciona, deve de haver qualquer coisa que nao esteja bem…

    até pk em alguns templates que fiz consegui aplicar bem este código…mas neste não consigo…foi por isso que pedi a ajuda a alguém que sabe muito mais que eu…

    mas obrigado na mesma. 😉

  85. ::Clau:: disse:

    @Yorgan:
    Mais uma vez, repito a mesma coisa que falei anteriormente respondendo a outros comentários acima: infelizmente, não sei como ajudar. O funcionamento deste hack pode variar de template para template, pois funciona a base de um script, e para cada caso é um caso.
    Se vc notar, para alguns usuários o script funcionou direitinho, e para outros não. Não há como eu saber especificamente qual o problema q ocorreu no seu template.
    Se não está dando certo, eu aconselho a retira-lo, é a melhor coisa a se fazer.

  86. Yorgan disse:

    eu estou com uns problemas a adiconar isto…

    coloco td direitinho guardo o modelo e abro o blog e nao fico como devia…tenho de adicionar/corrigir mais alguma coisa no template? ajuda pff!

  87. Daniel Paiva disse:

    Obrigado! 😉

  88. Caio Henrique disse:

    Muito bom o tutorial…. ficou otimo no meu blog… vlw…

  89. ::Clau:: disse:

    @leblogdebunny:
    Repito a mesma coisa que falei anteriormente respondendo a outros comentários: infelizmente, não sei como ajudar. O funcionamento deste hack pode variar de template para template, pois funciona a base de um script, e para cada caso é um caso. Não há como eu saber especificamente qual o problema q ocorreu no seu template.
    Se não está dando certo, eu aconselho a retira-lo, é a melhor coisa a se fazer.
    Que bom que vc gostou do novo layout, ficou mais feminino né?
    Obrigada pelo comentário.

  90. leblogdebunny disse:

    Oi Clau *-*
    Não consigo numerar as páginas do meu blog :(
    consigo salvar direitinho, não mostra nenhuma mensagem de erro, mas quando vou olhar no blog, ele não mostra a numeração.
    Até semana passada eu estava com a numeração certinha no blog.
    Foi quando eu editei o HTML, colocando o botão topsy twitter que sumiu.
    Será que é por causa do botão ou eu tô fazendo coisa errada mesmo? auehiuehieuha

    obrigada 😉

    – E eu adorei o teu layout rosa!

    Beijos :*

  91. ::Clau:: disse:

    @Patrik Braga:
    Vc não fez um backup do seu template antes de adicionar esse recurso? Õ.Õ
    Bom, se fez é só vc instalar o backup no template q tudo volta ao normal, mas se não o fez, vc pode tentar seguir os passos do tutorial ao inverso, de maneira inversa, entendeu?
    Pode ser q dê certo, mas eu não te garanto…por este motivo q sempre é bom fazer um backup antes de instalar qualquer coisa no template…

    @Clube da risada:
    Fico feliz q tenha dado certo…e obrigada pelo comentário.

  92. Clube da risada disse:

    Eram esses modelos que eu procurava, muito obrigado por disponibilizá-los! Abraços, tudo de ótm o para vc e vida longa ao mundo darkness e claro ao meu blog Clube da risada tbm! rs abs!

  93. Patrik Braga disse:

    Olá querida. Gostaria de parabenizar o blog que me ajudou muito na construção do meu.
    O código de numeração funcionou bem começo, mas de uns dias pra cá tem dado problema no números de posts que aparcem por página, e outros probleminhas. Li alguns comentários e percebi que pode ser um conflito de scripts. Gostaria de saber como faço pra retirar o código e fazer tudo voltar como era antes.
    O endereço do meu blog é firewithgasoline.blogspot.com
    Muito obrigado desde já.

  94. Jöeevil disse:

    Vlw Me Ajudou e muito ,
    Vlw Msm Irmão..
    Abraço

  95. ::Clau:: disse:

    @Capas dvd de portugal:
    Desculpe, mas não consegui entender qual é o seu problema, poderia ser mais específico?

    @Lucas:
    Para alterar a quantidade vc deve alterar a numeração em "var pageCount="
    No tutorial explica que var pageCount=5; -> é número de postagens que irá aparecer em cada pagina. Altere a numeração, se preferir.

    Obrigada pela visita e voltem sempre!

  96. Lucas disse:

    Olha eu consegui resolver em parte, teria como eu reduzir o numero de postagens que aparece na pesquisa
    exemplo aparece umas 20 eu queria reduzir para 5(só um exemplo) teria ??

  97. capas dvd de portugal disse:

    ola desculpa tar outra vez a falar no mesmo mas é assim afinal nos meus marcadores tambem aparece MAS só quando clico em ir para a pagina seguinte…
    saberas corrigir o problema?

  98. admin disse:

    a desculpa ae acabei de ver aqui nos comentarios que não da certo VLW

  99. admin disse:

    eu queria saber se tem como colocar paginação para as categorias

  100. ::Clau:: disse:

    @Lucas, @capas dvd de portugal:
    Repito a mesma coisa que falei acima, infelizmente, não sei como ajudar vcs. O funcionamento deste hack pode variar de template para template, pois funciona a base de um script, e para cada caso é um caso. Não há como eu saber especificamente qual o problema q ocorreu no template de vcs.

  101. capas dvd de portugal disse:

    porque nos marcadores nao me aparece??

  102. capas dvd de portugal disse:

    ola a mim deu certo na pagina inicial… so ha um problema nos marcadores nao fica igual…
    pode me dar uma ajuda sff????

  103. Lucas disse:

    Oi estou com um pequeno probleminha, no meu blog eu nao acho o comodigo ('data:label.url') e nem esse outro ('data:label.url + "?&max-results=5"') eu ja expandi os modelos, mas nao aparece pode me ajudar ?

  104. ::Clau:: disse:

    Das:
    Ih amiga, infelizmente, não sei como te ajudar. O funcionamento deste hack pode variar de template para template, pois funciona a base de um script, e para cada caso é um caso. Não há como eu saber especificamente qual o problema q ocorreu no seu.

  105. Das disse:

    Oi, Clau!
    Fiz no meu blog de teste o modelo 1.
    Os lados acima e abaixo dos quadrinhos não aparecem e dentro das categorias, quando tem várias postagens, continua o 'Postagens mais antigas'…
    Fiz exatamente como disse, li os comentários pra ver se não tinha algum problema como o meu, mas tá tudo certinho.

    Beijo, amiga!
    Dani

  106. Kakashi disse:

    vlw consegui, o problema era no template

    era só mudar a cor dos css:

    #blog-pager a, .page-nav a:visited {
    e
    #blog-pager a:hover {

  107. ::Clau:: disse:

    @Kakashi:
    Tenta aplicar os estilos em "upPageWord" e em "downPageWord", acrescenta esses 2 elementos no código CSS.
    Faz o teste pra ver se dá certo, eu não testei, é apenas uma sugestão.

  108. Kakashi disse:

    como eu mudo a cor de "próxima" e "voltar" do modelo 3

  109. L. Tadeu disse:

    Eu testei todos os 3 e funcionarem perfeitamente no template do meu blog e no final escolhe o ultimo pois achei mais bonitinho rsrsrs, se quiserem dar uma olhada:
    http://www.smasherblog.com

    Beijuuuuus

  110. .::|CanalFilmes|::. disse:

    SHOW! perfeito, funcionou no meu!

  111. bornout disse:

    Olá,meu Template veio sem o "Postagens mais antigas" ou sejam retiraram,mas ja vi um Tutoriail mostrando como por,mas não achei,se você souber me indique pois estou precisando aqui.

  112. Neto disse:

    no meu template não aparece a linha:

    'data:label.url'

    e agoraaa???

    :(

  113. ::Clau:: disse:

    @Os passatempo da Carracita:
    @Urban Man:

    É como eu falei acima, por se tratar de um script, a funcionalidade dele pode variar de acordo com o template.Funciona perfeitamente para alguns e para outros ocorre algum erro, cada caso é um caso.
    Esse código não foi criado por mim,conforme citei no post,qualquer erro proveniente do mesmo deverão ser reportados ao autor.
    Infelizmente não sei como ajudar.

  114. MatchScore disse:

    Olá e desde já muito obrigado pelo tutorial, foi muito esclarecedor.

    Contudo, tive um problema: na página inicial do blog, funciona tudo perfeito. As páginas percorrem correctamente todas as mensagens do blog. Já quando entro numa categoria que também tenha várias páginas, deixa de funcionar. A própria pesquisa das páginas deixa de ter "paginas" escrito e passa a ter "pages".

    Será que me pode ajudar a resolver a questão? Obrigado desde já.

  115. Os passatempo da Carracita disse:

    Fiz todo o processo aqui mencionado que ficou como queria. No entanto tenho um problema que não sei como resolver. Uma das postagens parece estar escondida, pois passando por todas as paginas não encontro a quinta postagem. Se tiverem alguma ideia do que possa ter feito mal ou precise de fazer para corrigir, agradecia

  116. ::Clau:: disse:

    @DUDU:
    Vc pode tentar aplicar alinhamento diretamente no CSS.
    Onde está:
    .showpageArea {

    inclua ,logo abaixo, esta linha:
    text-align: left;

  117. DUDU disse:

    eu queria sacomo se tem como semtralizar para ficar maneiro sertim no meu sit

  118. ::Clau:: disse:

    Obrigada pela visita e pelos comentários!Voltem sempre!

  119. Žéß?_?T disse:

    Aee.. Muito obrigado funcionou direitinho.. Vlw mesmo. Seu blog ta nos meu favoritos 😀

  120. DiogoDantas disse:

    Muito bem explicado.

    Parabéns

  121. Vitória de Oliveira disse:

    funcionou muito obrigada!

  122. ::Clau:: disse:

    @Denilson:
    Oba, que bom que deu certo!
    Obrigada pela visita e pelo comentário!Volte sempre.

  123. Denilson disse:

    Excelente! Deu tudo certo, cansei de ver tutoriais ensinado a fazer isso e nada dava certo. Muito obrigado…

  124. ::Clau:: disse:

    @Billy:
    É como eu falei acima, a funcionalidade dele vai variar de acordo com o template. Templates que possuem muitos scripts, acaba gerando "conflitos" entre si, por isso alguns arquivos javascript dão erro pra alguns, mas funcionam perfeitamente para outros.
    Espero que vc consiga personalizar direitinho.Depois volta aqui pra nos dizer se deu certo.
    Boa sorte.

  125. Billy disse:

    Olá sou eu dnovo, então fiz do jeito que está explicando, no meu por exemplo aparece 'data:label.url' 2 vezes e estou subistituindo as 2 mas vou tentar dnovo pois já ahvia tentado outros scripts sem sucesso só o seu deu certo…

    Muito obrigado…

  126. ::Clau:: disse:

    Vcs estão seguindo o 2º passo do tutorial?
    Se notarem, a linha : 'data:label.url'
    aparecerá várias vezes, e vcs devem substituir TODAS as ocorrências dessas linhas no template de vcs, conforme explicado no tutorial(se aparecer 3 vezes = substituir 3 vezes).

  127. Billy disse:

    Só continuando…acho que descobri como aumentar a numeração acima de 34 páginas e consegui colocar 101 páginas, mas pecerbi que quando chega nas postagens de 18 de dezembro elas pode mudar a página que todas aopós vão motrar sempre 18 de dezembro e asim não vai até abril, será que tem como arrumar isso??? já tô desesperado…Obrigado…

  128. Billy disse:

    Boa noite tudo bem???

    cara a sua dica foi fantástica, finalmente consegui numeras as páginas do meu blog, mas teve um problema que não conigo resolver: é que tenho postagem desde abril de 2009 e a numeração vai só até 34 e como eu posto muito até a página 34 só chega tá as postagens de dezembro, como eu posso resolver esse ploblema de aumentar o numero de páginas para assim mostrar todas as postagens????

    Muito obrigado

  129. ::Clau:: disse:

    @Marcos
    Fico feliz que meu blog esteja ajudando, é pra isso que ele existe mesmo e espero que possa ajudar cada vez mais.
    Obrigada pelo carinho e volte sempre!

    @João Vitor
    Repito o mesmo que falei acima,isso pode ser devido ao acúmulo de códigos incorporados ao html de seu template, o que acaba gerando "conflitos" entre si.
    O conselho que te dou é fazer uma analise dos q realmente são necessários no seu blog e remover os que vc instalou mas que não usa mais.

  130. ::Clau:: disse:

    @Poesias de Vida:
    Esse código não foi criado por mim,conforme citei no post,eu apenas o traduzi, não sei como ajudar.
    O que posso te dizer é que eu testei e ele funciona direitinho no meu blog de testes, mas por ser um script, eu acho que a funcionalidade dele deve variar de acordo com o template,até pq já percebi que em templates que possuem tantos outros scripts, parece q dá erro mesmo, mas isso pode ser devido ao acúmulo de códigos incorporados ao html de determinados templates, o que acaba gerando "conflitos" entre si.
    Inclusive já falei sobre isso neste artigo:
    Como melhorar o carregamento do blog
    Eu já vi esse código funcionando em varios blogs normalmente, mas para cada caso é um caso.
    Obrigada pela visita,
    Bjos
    .::Clau::.

  131. João Vitor disse:

    tentei e não funcionou no meu blog e tambem não funcionou eu acho que por causa do template. o meu template é o themevista black edition, meu blog é o http://www.jogosmariodownload.blogspot.com Adoro seu blog.

  132. Marcos disse:

    Olha valeu mesmo eu acessei bastante o mundo darkness e graça aos tutorias e codigos aqui meu blog é um sucesso sendo q agora so de mexer no html do meu blog
    ja aprendi css, html e javascript.
    veleu mesmo
    vs sao otimos

  133. Poesias de Vida disse:

    gosto do trabalho deste blog, como eu já disse antes, e aguardando um retorno, deixo aki uma observação sobre página numerada e corrigida: ñ funciona. do número um pula d dois em dois, ñ mostra o toatal do lado direito como na figura, e ñ mostra todas as postagens. ñ volta, nem no link e nem nos números das páginas anteriores. ñ volta. obrigado

  134. ::Clau:: disse:

    @Cristina:
    Que bom que conseguiu…\o/

    @Mary:
    Obrigada pelo carinho…saudades de vc!
    Beijos.

  135. Mary Diniz disse:

    Oi Clau!
    Tudo bem? To passando so pra deixar um bjinho e dizer q seu blog arrasa ;)é um dos blog de tutoriais mais bem feitos de tds q ja vi. Bjao flor!

  136. Cristina disse:

    JÁ CONSEGUI….YUPI….
    muito obrigada por todas as dicas,mil beijos,voltarei concerteza.

  137. Cristina disse:

    Obrigada,num blog que tenho de testes já deu,mas no meu há qualquer coisa que não deixa aparecer,deve ser o , read more,não sei o k fazer,se calhar tenho de trocar de templante,obrigada és um amor,joquinhas.

  138. ::Clau:: disse:

    @Cristina:
    Já corrigi o código, pode testar que vai dar certo agora.
    Obrigada pela visita e volte sempre viu?

  139. ::Clau:: disse:

    @SeuHipocrita .net:
    O erro não foi seu, foi meu..=)
    Já corrigi essa parte do código,na hora de digitar o post acabei "comendo" uma parte do código..rsrs.
    Já pode usar o código que já corrigi.
    Obrigada pela visita e por me alertar.
    Volte sempre!

  140. Cristina disse:

    Olá,adoro o seu site,preciso com urgencia fazer paginação no meu blog,por razões obvias….
    (http://cristinagifs.tk/)
    Estou farta de tentar e não consigo.
    Agora tentei fazer com este tuturial,tudo está certo,mas trocar este trecho
    'data:label.url'
    por
    'data:label.url + "?&max-results=5"'(MUDEI 3)
    dá um erro na pagina e aparece o seguinte….
    (Não foi possível analisar o seu modelo por não estar bem formado. Certifique-se de que todos os elementos XML estão fechados correctamente.
    Mensagem de erro de XML: The reference to entity "max-results" must end with the ';' delimiter.)
    Acha que me pode ajudar?Obrigada

  141. SeuHipocrita .net disse:

    Olá, tive um problema na parte do 'data:label.url + ?&max-result=5". Quando adiciono ao código html, ele dis que esta mesma tag precisa terminar com um ";" e não permite salvar.
    Se souber me ajudar e dizer o que estou fazendo errado eu agradeceria.

    abraços

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.