Blogger: Paginação numerada (8 modelos) | Follow your dreams
Blogosfera

Blogger: Paginação numerada (8 modelos)

Oi pessoal, tudo bem com vocês?

Um dos tutoriais que recebo muitos pedidos é o de páginas numeradas no Blogger, por isso resolvi caprichar e trazer pra vocês esse código com 8 personalizações que eu mesma fiz. Sempre que possível, gosto de personalizar os códigos pra trazer coisas fofinhas e diferentes do que vocês já viram pela internet. Emoji50

BloggerPaginacaoNumerada

 

  • 1 – Vá no modelo do seu template e pesquise pelo trecho:

<b:includable id=’mobile-index-post’ var=’post’>

 

  • 2 – ACIMA dele cole o seguinte código:

<b:includable id=’page-navi’>
<div class=’pagenavi’>
<script type=’text/javascript’> var pageNaviConf =
{
perPage: 5,
numPages: 8,
firstText: &quot;Primeira&quot;,
lastText: &quot;Última&quot;,
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot;
}
</script>
<script src=’https://xkaroline.github.io/followyourdreams/paginacaonumerada.js’ type=’text/javascript’/> <div class=’clear’/>
</div>
</b:includable>

 

O número 5 do código acima é o número de posts que aparece por página. Ele deve ser o mesmo número que está configurado na aba Layout, caso contrário alguns posts do seu blog vão se perder entre as “passadas” de páginas:

BloggerPaginacaoNumerada1

BloggerPaginacaoNumerada2

 

  • 3 – Agora pesquise pelo trecho:

<b:include name=’nextprev’/>

 

E substitua-o pelo seguinte código:

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<b:include name=’page-navi’/>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;archive&quot;’>
<b:include name=’page-navi’/>
</b:if>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b:include name=’nextprev’/>
</b:if>
</b:if>

 

  • 4 – Por fim, pesquise pelo trecho ]]></b:skin> e logo acima dele cole o código do modelo escolhido, depois é só salvar.

 

Modelos

Modelo 1

BloggerPaginacaoNumeradaModelo1

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager, .pagenavi {padding: 8px 10px;
clear: both;
text-align: center;
margin: 30px auto 15px;
}
#blog-pager a, .pagenavi span, .pagenavi a {
padding: 5px 10px;
text-decoration: none;
font-family: arial;
color: #fff;
margin: 2px;
background: #e9a7bd;
background-position: bottom;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
border-radius: 30px;
font-size: 20px;
}
#blog-pager a:hover, .pagenavi a:hover {
background: #dc6f93;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;}
.pagenavi .current {
background: #dc6f93;
}

 

Modelo 2

BloggerPaginacaoNumeradaModelo2

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager, .pagenavi {padding: 8px 10px;
clear: both;
text-align: center;
margin: 30px auto 15px;
}
#blog-pager a, .pagenavi span, .pagenavi a {
padding: 5px 10px;
text-decoration: none;
font-family: arial;
color: #fff;
margin: 2px;
background: #99b8d3;
background-position: bottom;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
border-radius: 30px;
font-size: 20px;
}
#blog-pager a:hover, .pagenavi a:hover {
background: #adadad;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;}
.pagenavi .current {
background: #adadad;
}

 

Modelo 3

BloggerPaginacaoNumeradaModelo3

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager,
.pagenavi {padding: 6px 10px;
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
background-color: #ecdff2;
padding: 5px 10px;
border: 1px solid #b794c7;
font-size: 16px;
vertical-align: middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 2px 2px;
-webkit-transition: .0s ease-in!important;
-moz-transition: .0s ease-in!important;
-ms-transition: .0s ease-in!important;
-o-transition: .0s ease-in!important;
transition: .0s ease-in!important;
}
#blog-pager a:hover,
.pagenavi a:hover {
border-color: #b794c7;
background:#dfc6ea;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
.pagenavi .current {
border-color: #b794c7;
background-color: #dfc6ea;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #b794c7;
background-color: #dfc6ea;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

 

Modelo 4

BloggerPaginacaoNumeradaModelo4

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager,
.pagenavi {padding: 6px 10px;
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
text-decoration: none;
color: #fff;
background-color: #a5a5a5;
padding: 5px 10px;
border: 1px solid #868686;
font-size: 16px;
vertical-align: middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 2px 2px;
-webkit-transition: .0s ease-in!important;
-moz-transition: .0s ease-in!important;
-ms-transition: .0s ease-in!important;
-o-transition: .0s ease-in!important;
transition: .0s ease-in!important;
}
#blog-pager a:hover,
.pagenavi a:hover {
border-color: #868686;
background:#a5a5a5;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
.pagenavi .current {
border-color: #a5a5a5;
background-color: #868686;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #a5a5a5;
background-color: #868686;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

 

Modelo 5

BloggerPaginacaoNumeradaModelo5

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager,
.pagenavi {padding: 6px 10px;
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
text-decoration: none;
color: #582e2e;
background-color: #f6dada;
padding: 5px 10px;
border: 1px solid #b7a6a6;
font-size: 16px;
vertical-align: middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 2px 2px;
-webkit-transition: .0s ease-in!important;
-moz-transition: .0s ease-in!important;
-ms-transition: .0s ease-in!important;
-o-transition: .0s ease-in!important;
transition: .0s ease-in!important;
}
#blog-pager a:hover,
.pagenavi a:hover {
border-color: #b7a6a6;
background:#fcb2b2;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
.pagenavi .current {
border-color: #b7a6a6;
background-color: #fcb2b2;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #b7a6a6;
background-color: #fcb2b2;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

 

Modelo 6

BloggerPaginacaoNumeradaModelo6

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager,
.pagenavi {padding: 6px 10px;
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
text-decoration: none;
color: #505050;
background-color: #fff;
padding: 5px 10px;
border: 1px solid #a6a6a6;
font-size: 16px;
vertical-align: middle;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 2px 2px;
-webkit-transition: .0s ease-in!important;
-moz-transition: .0s ease-in!important;
-ms-transition: .0s ease-in!important;
-o-transition: .0s ease-in!important;
transition: .0s ease-in!important;
}
#blog-pager a:hover,
.pagenavi a:hover {
border-color: #5b5b5b;
background:#dfdfdf;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
.pagenavi .current {
border-color: #a6a6a6;
background-color: #dfdfdf;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #a6a6a6;
background-color: #dfdfdf;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

 

Modelo 7

BloggerPaginacaoNumeradaModelo7

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager,
.pagenavi {padding: 6px 10px;
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
text-decoration: none;
color: #000;
background-color: #fff;
padding: 8px 12px;
border: 1px solid #a0a0a0;
font-size: 16px;
vertical-align: middle;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
margin: 4px 4px;
-webkit-transition: .0s ease-in!important;
-moz-transition: .0s ease-in!important;
-ms-transition: .0s ease-in!important;
-o-transition: .0s ease-in!important;
transition: .0s ease-in!important;
}
#blog-pager a:hover,
.pagenavi a:hover {
border-color: #a0a0a0;
background:#dfdfdf;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
.pagenavi .current {
border-color: #a0a0a0;
background-color: #dfdfdf;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #a0a0a0;
background-color: #dfdfdf;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

 

Modelo 8

BloggerPaginacaoNumeradaModelo8

/*— Paginacao numerada — */
.pagenavi .pages {display: none;}
#blog-pager,
.pagenavi {padding: 6px 10px;
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
text-decoration: none;
color: #000;
background-color: #fff;
padding: 8px 12px;
border: 2px dotted #a0a0a0;
font-size: 16px;
vertical-align: middle;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
margin: 4px 4px;
-webkit-transition: .0s ease-in!important;
-moz-transition: .0s ease-in!important;
-ms-transition: .0s ease-in!important;
-o-transition: .0s ease-in!important;
transition: .0s ease-in!important;
}
#blog-pager a:hover,
.pagenavi a:hover {
border-color: #a0a0a0;
background:#dfdfdf;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
.pagenavi .current {
border-color: #a0a0a0;
background-color: #dfdfdf;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #a0a0a0;
background-color: #dfdfdf;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

 

Não deu certo?

Esse código só funciona em blogs públicos. Se o seu blog estiver fechado só para o autor ou leitores selecionados a paginação numerada não vai aparecer.

 

Qualquer dúvida comentem. Emoji5

Tags : Blogger

186 Comentários

  1. Karol, eu sei que o post não é sobre isso, mas é uma dúvida meio urgente.
    Eu criei o blog, mas tenho dúvida quanto as paginas. Por exemplo, eu uso o seu layout violeta, e do lado do “ínicio” coloquei a página “sobre o blog”, porém eu não consigo fazer com que ela funcione. Tem como você me ajudar? Obrigada.

    1. Se o número não estiver igual ao número configurado em LAYOUT, não aparece mesmo. E às vezes é preciso esperar um pouco, já fiz em um blog que só apareceu no outro dia.
      Bjs

      1. Olá Karol, tudo bom? O meu tbm está em público e não pareceu… coloquei o número das postagens certinho… Bom vou aguardar até amnhã como você mesmo disse… qualquer coisa eu volto a escrever novamente. Beijos linda ^^

      2. Oi Karol!
        Urgente!

        Por favor me ajude, se você sabe colocar,talvez você saiba como retirar, você pode fazer um tuturial ou escrever ai URGENTEMNETE,
        COMO TIRAR A NUMERAÇÃO DAS PÁGINAS. Pois o meu layout tem, e eu quero retirar, me incomoda muito.

  2. OI baixei uns dos seus templates e botei no blog ficou lindo ! eu queria trocar a cor do template posso ? mas não tirei os creditos so a cor pode ? se n puder me avisa q eu tiro sem problemas ok ? beijos

    1. Sabrina, só vai aparecer se a quantidade de páginas que o seu blog tiver for maior do que 8. No passo 2 tem esse código aqui: numPages: 8,
      Esse número 8 é a quantidade de páginas que aparece, se você tiver 9 ou mais no seu blog vai aparecer o “Última”. Entende?
      Você pode mudar esse número 8 pra mais ou menos, como desejar.
      Bjs

    1. Oi Larissa, pode sim! Desde que o meu link fique no rodapé você tem total liberdade pra criar e modificar o que desejar, ok?! :)
      Um beijo

  3. Karol,vc me salvoooou <3 Procurei e testei vários códigos e nunca funcionava nesse meu novo lay. Eu só não sabia desse "deixar que aparece" outro dia shauhsua,porque o meu depois que teste esses foi certinho. Obrigada! ^^

  4. Adorei o tutorial, mas no meu blog não consigo ocultar o "Page of". Já conferi tudo, refiz e nada! ¬¬
    Tu sabe como editar no javascript?

    1. Luciana, você copiou o código do meu blog? Porque nele já tem a linha que oculta isso, é a linha “.pagenavi .pages {display: none;}”.
      Bjs

      1. Olá, essa linha “.pagenavi .pages {display: none;}”.. O que precisa modificar aqui para sumir o Page of? Obrigado :)

  5. Oi tudo bom? O meu não está dando certo :( aparece essa mensagem quando tento salvar : The widget with id “Blog1″ contains at least two b:includable elements with the same id: “page-navi”. All b:includable elements should have a unique id for a given widget.
    O que eu faço?

    1. Troca a ordem, mas como assim?
      Em vez de colocar esse código:

      var pageNaviConf =
      {
      perPage: 5,
      numPages: 8,
      firstText: "Primeira",
      lastText: "Última",
      nextText: "»",
      prevText: "«"
      }

      Em cima do , coloca em baixo. Eu estava como mesmo problema, fiz isso e deu certo ;)

  6. Olá, tudo bem?
    Nossa já tentei um tanto de código na internet e nenhum dá no meu layout. Sempre continua no padrão da base do template.
    O que eu faço??

    Abraços.

  7. Olá Thamires, tutorial fera esse!
    Tem tempo que estou procurando um modelo desse tipo de numerador, testei vários outros e nunca funcionava direito, chega dar raiva, mas to tão satisfeito que decidi até comentar e recomendar pros curiosos de plantão que não tem certeza se vai colocar, pode ir fundo pq esse tutorial tá 100% ok ..

    um abraço e continue com o bom trabalho

      1. Meu deus, como sou jegue, eu li o comentário de cima e respondi como se fosse vc.. kkkkkkkkkkkkkkkkkkkk
        Não sei se vc lembra, uma vez perguntei pra vc sobre criação de blogs e retorno, etc, e vc também foi atenciosa aquela vez ..
        Pois bem, estou investindo.. ^^ obrigado pelas dicas e a atenção, sucesso a todos

  8. Oi, então segui direitinho o que tu falou mais não apareceu por numeros eu usei o ultimo modelo, e ficou circulado em pontilhado e dentro escrito "pagina inicial" e "postagens mais antigas" não mudou para numeros. :( se puder me ajudar… agradeço desde ja.

    1. Olá Nathalia, tive o mesmo problema que o seu. Como conseguiu resolver????
      Ainda estou em teste… já queria deixa-lo bonitinho pra qdo escrever meu primeiro post. rs… bjinhos

    2. Olá tive o mesmo problema que a Nathalia Rocha
      “17 fevereiro, 2015 at 2:59 #
      Oi, então segui direitinho o que tu falou mais não apareceu por numeros eu usei o ultimo modelo, e ficou circulado em pontilhado e dentro escrito “pagina inicial” e “postagens mais antigas” não mudou para numeros. :( se puder me ajudar… agradeço desde ja.”

      Como conseguiu ajuda-la??? Ainda setou em fase de testes…

      Bjinhos, Tati ViNog

  9. Karol, eu adorei seu blog! Estou modificando tudo no meu aproveitando as suas dicas.
    Eu fiz exatamente como vc ensinou, deu certo, porém, lá na sidebar (onde inclui o gadget) ficou cinza, como faço pra alterar a cor?

  10. Oi eu fui botar o código e esta parte do primeiro código ficou vermelhinha
    firstText: "Primeira",
    lastText: "Última",
    nextText: "»",
    prevText: "«"

  11. Boa tarde!
    Tudo bem?

    Fiz todo o passo a passo, mas não apareceram os numero, está como pagina inicial e postagens mais antigas . E se clico em postagens mais antigas depois cria uma terceira parte escrita postagens recentes e não cabe tudo na linha, então fica um pedaço em baixo. Pode me ajudar, por favor?

    Beijos e obrigada!

  12. No meu não funcionou :( eu coloco mais some o post e a numeração das paginas nem aparece..
    no meu aparece isso:

    Eu preciso apagar o ” ” ?
    Por que quando eu coloco antes do ]]> desconfigura tudo o os posts do blog some..

    Como eu faço?? :(

  13. Tentei novamente! Os post não sumiram mas não apareceu a paginação nem o de antes (Postagens mais antigas) e eu fiz tudo direitinho :( acho que o erro ta sendo no ]]>*
    quando clico nisso pra por antes vem escrito *

    tira os *, se eu colocar sem não aparece nos comentários aqui – se é que vai aparecer :(
    beijos <3

  14. Não consigo colocar =/ Já tentei 3 vezes e todas as vezes, após eu colocar o código do modelo conforme o ponto 4 da sua explicação aparece essa mensagem:
    The widget with id “Blog1″ contains at least two b:includable elements with the same id: “page-navi”. All b:includable elements should have a unique id for a given widget
    Você sabe o que é isso e por que está aparecendo???

  15. Oi Karoline, achei super bacana seus modelinhos e coloquei no meu blog, deu super certo, ajeitei as cores e tals.
    Só uma dúvida, qd entra na postagem excolhida não aparecem as páginas numeradas, tá certo assim ??
    E parabéns pelo blog, ajuda d ++++ a gente que está começando =)

  16. Oi Karoline! O tutorial ficou ótimo e muito bem explicado! Acabei de colocar no meu blog sem nenhum problema. Obrigada por compartilhar o tutorial, estava procurando por um assim faz tempo!
    Beijos <3

  17. Poxa, alguem me ajuda!!!
    No meu só aparece “pagina inicial” e “postagens mais antigas”, é normal até chegar uma quantidade de páginas ou eu que fiz algo errado? Usei o último modelo. (Meu blog ainda está em teste). Bjs Tatiana

  18. Duas coisas:
    Uma, graças ao seu tutorial consegui por a numeração, ela havia sumido nossaaaaaaaaaaaaa levei um susto daqueles dai fiz seu tutorial e pronto, deu super certo e ficou lindo.
    E a pergunta:
    Como você colocou os comentários assim?
    Digo o layout e esse box onde coloca nome, email e endereço do site/blog, como você fez? faz anoooooos que procuro isso para por no blogger e nunca acho, como você fez?
    aaaaa
    Seu blog é lindo amei.

  19. Olá Karoline, tudo bem? Gostaria de saber se tem como, quando abrir qualquer postagem e os botões depois dos comentários, não aparecem. Mas tem como reverter isso e colocar os botões ali também?

  20. Eu só queria dizer que o seu blog é um dos melhores que já vi. Ele é lindo e muito útil. Parabéns por tudo isso <3

  21. Karol o tutorial é ótimo. Eu segui direitinho, passo a passo. E tudo deu certo.
    Mas de uns dias para cá a paginação interna não aparece, logo que instalei apareceu, mas agora não mais e já instalei em outros e aconteceu a mesma coisa a paginação interna some.
    O Recentes Inicio Antigas não aparece dentro do poste, e a numeração também não.
    O que poderia estar acontecendo ? Tem como resolver ?
    Por favor poderia me ajudar ?
    Agradeço desde já.

    1. Mari, a numeração não aparece dentro dos posts mesmo. Mas em relação à ela ter sumido até da página inicial, você mudou o número de posts a ser exibido por página em LAYOUT? Porque tem que ser igual ao configurado no código pra funcionar direitinho.

  22. Karoline Muito, muito ,muito obrigada sua explicação foi perfeita e seus códigos deram super certo, fiquei procurando como fazer isso por muito tempo e com seu blog eu consegui e ainda achei um modelo super lindo, obrigada de novo. <3 <3

  23. Olá tudo bem? Desculpe pela pergunta fora de post, eu baixei seu modelo aquarela, e apenas fiz algumas modificações no layout do template deixando os créditos no footer. Muito obrigada por todas as dicas que você sempre dá aqui no seu blog, todas são incríveis.
    Eu gostaria de deixar no formulario de comentários do meu blogger somente a opção comentar como nome/url sabe me dizer se é possível? Por que muitas pessoas não gostam de se logar com as contas google.

    Obrigada, abraços.

  24. Super obrigada, de verdade! Tentei usar muitos outros tutoriais, mas estavam todos dando conflito e erros no template, explicou de uma maneira muito simples e prática, a boa vontade é a alma do negócio! Favoritei o post porque sei que vai ser útil futuramente. Sucesso!

  25. Oi Karoline… Eu já fiz de tudo, mas não consigo arrumar. As páginas nem aparecem mais. Já refiz e já deletei os códigos mas mesmo assim elas não aparecem (nem os modelos que você fez, nem as normais do Blogger)

    Me ajuda por favor
    Desde já, agradeço.

  26. Oi Karoline, deixei uma mensagem lá na page do seu blog mas vou comentar aqui também. Acompanho seu blog há pouco tempo e já segui vários tutoriais seus e deu super certo mas esse ta aparecendo essa mensagem: The widget with id “Blog1″ contains at least two b:includable elements with the same id: “page-navi”. All b:includable elements should have a unique id for a given widget. Eu entendi que não pode haver dois “id” com o mesmo nome e que por isso não ta indo, mas não consigo encontrar o tal id e não sei onde mudar, não entendo de html, poderia me ajudar? Eu não sei o que fazer mais, já segui TANTOS tutoriais (e desfiz) por não terem dado certo, e o seu achei que iria, mas empacou nisso kkk Ajuda por faaavor

    1. Catarina, esse erro mas significa que existem dois widgets com o nome HTML17, pra resolver é só você renomear um deles.
      Bjs

  27. Oi, Karoline!
    Eu fiz exatamente como você falou pra fazer. Mas não aparecem os números.
    Continua aparecendo Próxima Página e tal.
    Como que eu resolvo?

    Obrigada!

  28. Olá, eu tentei colocar a paginação numerada no meu blog várias vezes mas toda vez dá erro e não dá certo, o que está acontecendo? :(

  29. Please let me know if you’re looking for a author for your blog. You have some really great articles and I believe I would be a good asset. If you ever want to take some of the load off, I’d absolutely love to write some material for your blog in exchange for a link back to mine. Please blast me an email if interested. Thank you!

  30. Eu tentei e não apareceu.
    Revisei varias vezes, refiz varias vezes e passei horas nisso e não foi.
    E ainda sumiu o que estava, mesmo depois de eu desfazer tudo.
    Depois vi que vc disse que pode demorar pra aparecer.
    Depois vou tentar novamente e aguardar.
    Se der certo ou ainda não, volto aqui pra avisar.
    Sempre deu tudo muito certo que fiz a partir dos seus tutoriais.

    Mas Karol, meu blog só tem um post teste. Então não tem outras páginas mesmo.
    Será que pode ser isso também?

    1. Rafaela, a paginação só aparece quando há mais de uma PÁGINA. Se você configurou para cada página mostrar 5 posts (por exemplo), é preciso ter no mínimo 6 pra paginação aparecer. Lembrando que em blogs privados a paginação não aparece.
      Bjs

  31. Oi, tudo bem?

    Adorei o post e ele deu super certo no meu blog. Mas como sempre tem um “mas” (e na verdade eu não sei dizer se, de fato, tem relação com esse código) quando eu estou no link do post no final ele não aparece “postagem mais recente” e “postagem mais antiga”. É normal isso?

  32. Oii gatona, eu adoro seus posts e suas dicas ajudam muito em meu blog, e de todos que eu ja fiz, esse foi o único que não apareceu amor :( alguma dica? eu estou usando o template violeta

  33. aie, esse foi o único que não funcionou, ficou bem estranho e agora não sei tirar =/ hahaha droga =/
    Karol, vc pode por favor dar uma olhada?
    e obrigada pelos posts maravilhosos, adorei tudo! só esse que não deu mesmo.

  34. Olá Karoline.

    Procurei no Google uma ajudinha para mudar a paginação do Blogger e o seu site estava logo no topo, depois de um tempinho tentando achar a bendita ‘skin’ no html, eu consegui. E claro, não poderia deixar de comentar agradecendo pelo seu conteúdo. Me ajudou MUITO. Só que, infelizmente não consegui deixar numerado. Teve que ficar como ‘postagens mais antigas’ rs. De qualquer forma, qualquer coisa é melhor do que estava antes!

    Blog Menina, surtei!
    http://www.meninasurtei.com

    Beijão e mais uma vez, OBRIGADA.

  35. Olá, quando a gente vai pra trocar de página fica o link do blog /search?updated-max=2015-09-09T12%3A23%3A00-07%3A00&max-results=5, como faz para ficar o link do blog /page/2?

  36. Olá. Coloquei no meu blog e deu certo, mas com um porém.
    Quando clico no botão Última, não vai pra última postagem. Só vai até a página 22 no botão de número. Tem como resolver isso?

    1. Oi Angelica, está correto, acho que você entendeu errado o tutorial, ele é para PAGINAÇÃO numerada, e não para numerar os posts.
      Bjs

      1. Entendi a dúvida da amiga acima. É que na última pagina mostrada, deveriam estar as ultimas postagem do blog. No meu caso só vai até a página 19, mas esta mostra postagens não muito antigas, as últimas não aparecem.

    1. Pessoal, o código da paginação está com o limite de 9999 páginas. Dei uma pesquisada e me deparei com alguém informando que essa é uma limitação do Blogger, ele só permite 30 páginas mesmo.

  37. Tenho lido alguns tutoriais teus por aqui e tenho adorado as dicas, utilizei este no meu blog e ficou muito giro, acho que dá um melhor acesso às páginas dos blogues. Muito obrigada pela partilha de dicas, a sério, que máximo ;)

  38. Bom Dia! Olha, o meu deu certo, porém, aparece no Menu até o número 8, não aparece a seta para pular para a página 9, tenho bastantes páginas e já substituir o numPages:8 para um numero maior e não mudou. Preciso de Ajuda; Grato!

  39. Amigos, o Meu deu certo, acabei mexendo aqui de acordo como vcs ensinaram e deu tudo certinho, muito obrigado e que Deus Abençoe ao dono(a) dessa página.

  40. Amiga, desculpas está sendo chato, mas preciso de uma ajuda, o meu deu tudo certinho, porém, ficaram postagens de fora, não entra as demais nesse menu, quando chega na ultima postagem que é a página 15 percebo que ainda não é o último arquivo, ainda ficaram 12 postagens sem fazer parte do Menu, me ajuda por favor.

  41. Oi Karol, tudo bem? Obrigada pelas dicas. Infelizmente, aconteceu comigo o mesmo que aconteceu com pelo menos mais duas pessoas que comentaram sobre o post. Aparecem os números, mas eles ficam sem aquele efeito bonito e ficam todos amontoados. Você saberia nos dizer o que pode estar acontecendo? Eu fiz e refiz esse procedimento umas três vezes, e todas as vezes acontece o mesmo.
    Aguardo sua resposta. Desde já, agradeço.

  42. linda o meu “último” post… não aparece o meu último post mesmo… Aparece um post de 2013 e eu comecei o blog em 2012…. vc sabe o pq?

        1. Mariana, eu não uso Blogger mas uma leitora que usa me informou sobre essa limite. Pesquisei sobre e vi algumas pessoas comentando, infelizmente não tem como alterar.

  43. Olá! Estou com um pequeno problema. Quando eu adiciono o modelo 7 ao meu blog, fica perfeito no site da versão Desktop, mas a versão mobile da minha página fica com esse modelo 7 fora de alinhamento. Poderia me ajudar?

    Desde já agradeço

  44. Olá,

    Na parte “” os números 51103499221 devem ser substituidos pelo código do nosso blog ou algo assim?

    Não me está a dar todas as páginas do blog… Só até à 22!

    Obrigada.

    Mariana

  45. eu fiz o processo todo, as paginas aparecem mas não parece o design, ou seja oq deixa charmoso! esta aparecendo somente os numero.

    como posso resolver?

    no aguardo lindona ♥

  46. Boa tarde,

    Primeiro parabéns, gostei demais, mas infelizmente não consegui fazer, o meu apresenta o seguinte erro:
    The widget with id “Blog1″ contains at least two b:includable elements with the same id: “page-navi”. All b:includable elements should have a unique id for a given widget.

    Se tiver algum conselho, agradeço rsrs.
    Abg.

  47. Karoline tudo bem, eu fiz o passo a passo e o limite de publicações porpagina esta ok só que as paginas adicionais não aparecem assim como o menu.
    você pode me ajudar o meu blog está como público.

  48. Olá Karoline!
    Uso um template do ThemeXpose e quando faço seu passo a passo da paginação não da certo. Ou da erro, ou não aparece nada e quando aparece, só aparecem as postagens mais antigas e mais recentes. Poderia me ajudar? É possivel colocar só a apção “Proxima pagima” e “Anterior”

  49. Estou com o mesmo problema, a paginação aparece tudo certinho mas tem alguns post que são engolidos e não aparecem, tem como ajudar a arrumar isso? Obrigado

Deixe uma resposta