08/07/2009

Colocar numeração nas paginas do blog

Para colocar numeração nas paginas do blog parecido com a numeração das paginas de busca do Google ou Yahoo que no final da pagina mostra em qual página você está e quantas têm antes e depois dela, usamos um código em duas partes.
Primeiro vamos colocar a formatação em CSS, isso controla a aparência da numeração, entre na pagina editar HTML e coloque isso junto com o restante dos estilos, sugerimos colocar logo depois do body, assim ficará mais fácil localizar para futuras alterações.

Veja aqui uma atualização deste código para mostrar a Numeração nas Páginas do Blogger, publicado em 28/01/2011


Localizar tag body no blogspot

Entre na pagina editar HTML e cole o trecho abaixo:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

Depois você pode personalizar facilmente apenas trocado as cores das letras, fundo e bordas, onde está:
border: 1px solid #ccc; é a cor e estilo da borda
background-color:#ccc; é a cor de fundo

Isso aparece varias vezes no código então sugerimos que modifique todos da mesma maneira senão quando exibir a numeração que não seja na primeira pagina, elas podem aparecer de cores diferentes, mas isso é uma questão de gosto, portanto depois que instalar a numeração façam os testes e deixem com as cores que gostarem mais.

Agora clique para salvar, não adianta visualizar o blog, pois ainda não verá nenhum resultado, então vamos colocar o código que faz aparecer a numeração, procure agora por <b:widget id='Blog1' locked='tr ...

Postgem do Blog

Coloque o código abaixo entre </b:section> e </div>:

&lt;script type=&quot;text/javascript&quot;&gt;
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==&quot;.com/&quot;;
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;

var pageCount = 5;
var displayPageNum = 5;
var upPageWord = &#39;Anterior&#39;;
var downPageWord = &#39;Próxima&#39;;
var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=&#39;&#39;){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=&#39;&#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p&lt; htmlMap.length;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
fFlag++;
}
if(p==(thisNum-1)){
html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}
if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&lt; htmlMap.length;p++){
if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}
html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; &#39;+(postNum-1)+&#39; páginas&lt;/span&gt;&#39;+html;
if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);
if(postNum &lt;= 2){
html =&#39;&#39;;
}
for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
&lt;/script&gt;
&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot;; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

Então clique para salvar, não adianta tentar visualizar o blog, por que o código não funciona na visualização. Provavelmente no final da pagina do seu blog apareceu algo assim:

Numeração de paginas do blog

Agora já está tudo pronto, mas podemos modificar algumas coisas, veja esse trecho do código:
var pageCount = 5; aqui devemos usar o mesmo numero de postagens que definimos para aparecer em cada pagina.

var displayPageNum = 5; neste o numero 5 é a quantidade links para outras paginas que serão mostradas( 1-2-3-4-5), portanto use o numero que achar melhor.

var upPageWord = 'Anterior';
var downPageWord = 'Próxima';
Aqui podemos trocar a palavra anterior e próxima que aparecem no blog. Mas cuidado ao fazer alteração, pois se apagar qualquer outro sinal o código não funcionará.

Veja no blog Meu Jornal esse código em funcionamento. Encontramos e fizemos algumas modificações nesse código a partir do publicado no Blogger Buster em inglês.

Veja também:

Personalizar títulos
Formatar texto
Código das cores
Colunas com alturas diferentes
Related Posts with Thumbnails

102 comentários:

  1. valeu! Procurava um tutorial assim a muito tempo! Abraços!

    ResponderExcluir
  2. Poxa! Parabéns pelo Post!
    Estava procurando isso faz tempo em varios blogs ai...
    Eis que vei a Luz :)
    Brigadão!

    ResponderExcluir
  3. Ficou muito bom. Este post resolveu o meu problema com o numero de paginas.
    Continuação de um bom trabalho

    ResponderExcluir
  4. Excelente Fabiano, copiei e vou futucar por aqui.
    A paz

    ResponderExcluir
  5. Olá Fabiano,

    Gostaria de saber que código usar para o botão "Usar como Home Page",como o do "Adicionar aos favoritos para o Blogspot" (http://www.dicasparablogs.com.br/2009/03/adicionar-aos-favoritos-para-o-blogspot.html)

    Espero resposta.Obrigada

    ResponderExcluir
  6. veja nesta postagem, se torcar o trecho grifado da home por uma imagem vai funcionar
    http://www.dicasparablogs.com.br/2009/07/alterar-texto-postagens-mais-antigas-e.html

    ResponderExcluir
  7. Eu tentei como você disse mais não funcionou tenho quase certeza que fiz tudo certo

    ResponderExcluir
  8. Junior

    deve ter errado alguma coisa na hora de colocar o código, talvez mudar as palavras apagou algum sinal, qualquer detalhe o código não funciona.

    ResponderExcluir
  9. no meu blog deu errado, o site ficou com fundo branco e não apareceu nada de numeros :(
    e agora,oq eu faço?

    ResponderExcluir
  10. Oi,funcionou perfeito agora,desculpa,é q eu tava em visualizar blog no html
    kkkkkkkk
    como sou cabecinha
    xD
    flw
    vlw

    ResponderExcluir
  11. Eu usei um código desses do ferramentas blog. Funcionou só que as páginas númeradas eram pelas datas ou seja se postar mais de uma vez por dia, ele pula da página 1 a 3 e por ae vai. Gostaria de saber se este código tem este mesmo problema?
    Obrigado e tá muito show o blog.

    ResponderExcluir
  12. William Roger

    você deve ter apagado alguma coisa a mais ou misturado algum código, tente fazer novamente.

    ResponderExcluir
  13. Anderson

    estou usando esse código no http://jornaljd.blogspot.com e por enquanto não notei problema algum.

    ResponderExcluir
  14. Fiz tudo certo pq o meu nao funcionou????

    ResponderExcluir
  15. o código só funciona depois que salvar, não adianta tentar visualizar antes.

    se deu errado apague o que fez e tente novamente.

    ResponderExcluir
  16. Olá!!! su tutorial era realmente o que eu estava buscando!!!

    mas ao usá-lo no meu blog de testes... percebi que são mostradas apenas 2 páginas!!!
    e quando você clica para ir para a segunda, ele direciona para a ultima página do blog...

    o que posso fazer para resolver esse problema

    [éh claro que já tentei resolver por mim mesmo!!!]

    ResponderExcluir
  17. Fabiano, eu apaguei e fiz td novamente so q nao funcionou....sera q nao é por causa dos links postagens mais antigas e etc...........

    ResponderExcluir
  18. Pacheco

    você usou no blog de testes, mas quantas postagens tem esse blog? será que não são apenas suficientes para duas paginas?

    já testei e funcionou normalmente o código.

    Michael Felipe

    o seu template é modificado, essa explicação é feita para os modelos padrão blogspot

    ResponderExcluir
  19. Oi estou doida para colocar esse codigo no meu blog era tudo que eu queria, mas na segunda parte em que pede para proucurar um código no meu html eu não estou achando. Já proucurei várias vezes e não achei. Alguém pode me ajudar?

    ResponderExcluir
  20. Tatiana
    o seu template é diferente, provavelmente você baixou da internet, então não tem como usar essa explicação sobre colocar numeração de paginas nele. Infelizmente não posso ajudar.

    ResponderExcluir
  21. será que não tem nenhum site onde ensinar a mudar está parte do meu blog, pra conseguir colocar essa numeração. Foi eu quem fiz meu blog mas a parte de postagem foi uma amiga minha. o meu é css.

    ResponderExcluir
  22. o trecho é um pouco antes da sidebar, veja aqui, se encontrar

    <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
    </b:section>
    código aqui
    </div>
    <div id='sidebar-wrapper'>


    se encontrar o inicio da sidebar tente colocar o código lá.

    ResponderExcluir
  23. Muito bom seu post, vou utilizar nos meus blogs valeu!

    ResponderExcluir
  24. Obrigado,Fabiano...estava procurando um código assim há muito tempo.
    Funcionou direitinho do meu outro blog...
    Ah!E mais uma vez obrigado por ter feito aquela barra azul pra mim...

    ResponderExcluir
  25. eu uso o blogspot antigo - em formato MODELO e não LAYOUT, e não deu certo.

    Não consegui localizar o código.

    Como faço para colocar as páginas ou pelo menos postagens anteriores e Posteriores em meu blog?????????

    ResponderExcluir
  26. Vlw cara tava atras desse tutorial a muito tempo
    muito Obrigado.




    www.fastdaweb.blogspot.com

    ResponderExcluir
  27. vou tentar pesquisar, mas acho que só funciona no formato layout

    ResponderExcluir
  28. oi queria fazer uma parceira com seu blog entre no meu blog ja te adicionei me adiciona tbm em seu blog

    entra la

    http://dicas-ajudas.blogspot.com/

    ResponderExcluir
  29. cara eu fiz do jeito que tah dizendo ai!!
    mais os quadradinhos onde ficam os numeros ficaram fininho!!
    da um olhada!!
    www.pkfilmesecia.com

    Esperando a resposta!!

    ResponderExcluir
  30. tente alterar essa parte
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333;
    }

    coloque padding:5px; junto com isso que já está no seu blog

    ResponderExcluir
  31. Alguém pode me ajudar? coloquei o codigo certinho, mas quando clico na pagina 6 ele pula para a 17!

    ResponderExcluir
  32. qual o link de onde colocou o código?

    tente fazer novamente

    ResponderExcluir
  33. Cara o blog de vocês esta de parabens mais facil e explicado que isso impossivel. tudo que eu quero pro meu blog eu encontro aqui parabens!!

    ResponderExcluir
  34. Este comentário foi removido pelo autor.

    ResponderExcluir
  35. Este comentário foi removido pelo autor.

    ResponderExcluir
  36. na parte do código:
    var pageCount = 5;
    var displayPageNum = 5;
    está o mesmo numero que a quantidade de postagens do seu blog(pagina configurações , formatação:Exibir .... na página principal. mas tem que usar postagens e não dias

    ResponderExcluir
  37. Este comentário foi removido pelo autor.

    ResponderExcluir
  38. veja essa outra parte hisUrl.length-5,thisUrl.length), tente colocar o numero 10 aqui no lugar deste 5

    mas está parecendo que esse código apresenta falhas com outras numerações fora o 5

    ResponderExcluir
  39. Muito legal, essa dica... parabéns
    Coloquei no meu site e deu certinho, só estou com um problema... na frente da numeração aparece o número de página existente e a palavra páginas... será se teria como remover isso??
    Se quiser conferir é: www.desejoaflordapele.com

    ResponderExcluir
  40. nesta parte do código
    html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; &#39;+(postNum-1)+&#39; páginas&lt;/span&gt;&#39;+html;

    if(thisNum&lt;(postNum-1)){

    html += downPageHtml;



    tente apagar esse trecho
    +(postNum-1)+' páginas

    deve fazer sumir o numero com o total de pagina, mas não testei isso.

    ResponderExcluir
  41. OI fabiano...

    será que vc podia me ajudar no meu codigo..segui oss passsos mas nao modificou!... nao sei onde tou errando..poderia ta mandando o codigo do meublog pra vc via e-mail??

    valeu abracinhoss!

    ResponderExcluir
  42. Juliana Vieira DG
    o problema é que esse código é feito com base nos templates padrão do blogspot, o seu é modificado por isso não funcionou corretamente.

    para usar o código precisaria talvez refazer o template quase que inteiro

    ResponderExcluir
  43. Muito bom...
    Fiz no meu blog e tudo funcionou corretamente!
    - As corres todas ok fica em preto e depois de visitada em vermelho.
    - Testei todas as paginas no teste, 10 paginas todas ok sem nenhum bug.
    -Tudo ok nota 10
    Se alguem achar algum erro verifique se fez tudo certo. Os códigos estão ok!

    Obrigado abraço

    ResponderExcluir
  44. Fábio.C.Costela
    provavelmente em alguma parte do html do seu blog tem a:visited, isso dá uma formatação diferente para os links já visitados, nos meus blogs eu apaguei todos que achei, mas cuidado se for apagar para não tirar outros códigos por engano(apenas uma letra ou sinal do outro código)

    ResponderExcluir
  45. Oi, Fabiano. Estava utilizando uma numeração, mas ela ia só até 101 páginas, e eu achava que era alguma falha do código. Colei o seu código, e ele ainda vai somente até a página 101, e acabei de confirma que ele some com todas as postagens a partir de uma determinada data. É alguma limitação do código?
    Grato, abraço.
    renatookano.blogspot.com

    ResponderExcluir
  46. usei o código apenas para fazer testes mas não sei sobre limitações dele

    ResponderExcluir
  47. Cara
    tentei fazer isso no pagecount coloquei 5 e no outro tamem
    até ai tudo bem
    ai por exemplo vo clicar na pagina 2 aparece a página 5 pq?

    ResponderExcluir
  48. fausto esse código em alguns blogs está apresentando falhas mas em outros funcionando perfeitamente, infelizmente parece não ter uma solução para isso.

    em nossos testes funcionou perfeitamente.

    ResponderExcluir
  49. me ajudem por favor fiz tudo certinho com os codigos,so que la em baixo só ficou pagina 1,2 tenho varias postagem numa unica pagina tipo assim: as outras postagem não estão indo para pagina 2, me ajudem!!!

    ResponderExcluir
  50. Nós vamos procurar e publicar outro código para colocar numeração de paginas esse apresentou problemas em vários blogs, os modelos padrão estão funcionando corretamente mas outros templates baixados de sites as vezes dão erros.

    ResponderExcluir
  51. Olá amigo,coloquei o codigo e ficou muito bom ,muito obrigado, mas gostaria de coloca-lo mais ao centro de onde ele ficou.

    Dê uma olhdada www.jack-maconha.blogspot.com

    valew

    Abração jack

    ResponderExcluir
  52. Se for possivel me avisar logo que conseguirem outro codigo.

    Valew

    Abração Jack

    ResponderExcluir
  53. oi eu coloquei esse codigo no meu blog e nao deu
    as paginas ficaram doidas eu clico na pagina 1 e vai para la na 20
    o codigo ta certo

    esquecendo esse blog seu ta muito bom me ajudou bastante

    ResponderExcluir
  54. cara... aki deu erro também, qd clico na pagina 2 vai pra 5 ... tenta ver onde tá o problema e passa pra nois aí...abraz.

    ResponderExcluir
  55. muitas pessoas que falam do erro deste código não estão configurando corretamente o numero de postagens por pagina
    var pageCount = 5
    esse numero tem que ser o mesmo que as postagens exibidas em cada pagina

    ResponderExcluir
  56. Caros,

    Novamente venho a este blog pedir se possível a publicação de um tutorial sobre como colocar 4 abas no topo do blogspot tipo: Início/Postagens recentes/comentários recentes/contato...

    Grato pela atenção
    Abraço!

    ResponderExcluir
  57. Fabrício Ferraz
    abas? ou menu horizontal? veja essa postagem

    http://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html

    ResponderExcluir
  58. Tudo funcionado , mas na primeira página não quer aparecer, tipo meu dominio éh .com.br, jah alterei de várias maneiras nakela parte q vc indicou

    ResponderExcluir
  59. Eu não consegui intalar.
    Quando chega na pagina dois quando eu vou mudar para a pagina 3 vai direto para pagina 4.


    www.oxfilmes.net

    ResponderExcluir
  60. Bom,nao sei se vc teria disponibilidade para me ajudar. Sou iniciante em javascript e tentei colocar o numero da ultima pagina como um link antes do link Proxima,mas nao tive muito sucesso.Poderia me ajudar com o codigo?

    ResponderExcluir
  61. esses códigos são mesmo complicados de mexer, tente fazer novamente, e cuidado com detalhes, as vezes uma letra apagada por engano dá erro no código

    ResponderExcluir
  62. Boas, o código funciona lindamente no meu, muito obrigado ;)
    Mas queria alterar as postagens apresentadas, porque nas minhas definições tenho a aparecer por dia, ou seja, aparece na pagina inicial os posts que fizer nesse dia, logo ao ir á pagina 2 ele dá outros e não os imediatamente a seguir.
    Alguma solução??
    Desde já agradeço ;)

    ResponderExcluir
  63. Fabiano, exatamente onde coloco os códigos?

    ResponderExcluir
  64. eu fis certo mais , ficou la no cantao do template quase nao aparecendo.
    fabiano voce poderia entrar em contato ?
    vinnyssyn@hotmail.com
    toprecisano
    muito de ajuda...

    ResponderExcluir
  65. Boa tarde, meu blog já possui numeração, ela aparece na página principal, no entanto, nos marcadores ela não aparece, gostaria de sua ajuda,
    em troca posso colocar um link de seu site, apesar de eu ainda não ter tantas visitas..

    ResponderExcluir
  66. amigo tenho o seguinte problema:
    deu tudo certo so que quando eu passo de pagina a ultima postagem da pagina anterior e a primeira da pagina seguinte ex: estou na pagina 1 na ultima postagem e quando vou para a pagina 2 a primeira e a ultima da pagina 1

    para entender melhor veja o meu blog

    http://familiadaweb.blogspot.com

    ResponderExcluir
  67. em alguns templates o código de numeração gera um erro...

    veja se o feed está configurado para publicação completa

    ResponderExcluir
  68. Show de bola cara. Parabéns pelo blog e Obrigado pela dica.

    Só tenho uma dúvida. Eu inseri o código e ficou perfeito, porém, antes de aparecer a numeração das páginas, aparece o número total das páginas que possuo ("2 páginas").
    Como posso eliminar isso e deixar somente a numeração? Deu para entender?

    veja: http://www.issovira.blogspot.com

    OBRIGADO CARA.

    ResponderExcluir
  69. tente apagar esse trecho '+(postNum-1)+' páginas

    que está aqui
    html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> '+(postNum-1)+' páginas</span>'+html;
    if(thisNum<(postNum-1)){
    html += downPageHtml;

    mas não fiz o teste, esses códigos são bem complexos para alterar

    ResponderExcluir
  70. Estou com dificuldades séra,que não tenha nenhum video ensinando

    ResponderExcluir
  71. Olhei olhei olhei de novo e não consegui achar onde colar o 1º código quanto mais o 2º. E agora hahaha eu queria tanto este aplicativo.

    ResponderExcluir
  72. precisa expandir o modelo para achar o código... mas em alguns templates mais recentes os códigos são diferentes

    ResponderExcluir
  73. o cara que postou essa postagens poderia arruma aqueles java/script esta todo errado tem como vcs atualizar por favor agradeço desse de já blz

    ResponderExcluir
  74. Eu tentei mas não deu certo no meu blog

    ResponderExcluir
  75. Meu caro amigo do dicas blog já testei praticamente todos os códigos de numeração de página fornecido por vocês neste site, aparentemente, depois de instalado, tudo funciona normal, mas existe um problema, pelo menos no meu blog, conforme relato a seguir:
    - Se em determinado mês eu inseri 200 ou 300 postagens e seleciono na guia ARQUIVOS o mês correspondente, não são mostradas todas as postagens, apenas duas ou três páginas de postagens são mostradas.
    - Isto já aconteceu com outros templates blogspot e alguns de terceiros que tive a oportunidade de testar.
    - A meu ver o correto seria mostrar todas as postagens registradas naquele mês e não algumas.

    Portanto acho que ainda deve existir um erro neste código que precisa ser consertado

    Abraços, valtermn
    Meu email: valter_mn@yahoo.com.br

    ResponderExcluir
  76. Valeu, funcionou parabens pelo conteudo, está muito bom e continue assim!

    ResponderExcluir
  77. muito obrigado.. realmente!!! tens mesmo o domínio do assunto.. Parabéns!!

    ResponderExcluir
  78. Amigo, fiz do geito que mandas, de certa forma funcionou, o problema eh o seguinte, na pagina inicial ta blz, mais se eu clico em um marcador, por exemplo, em filmes acao, aparecem 20 post, e os numeros da pagina embaixo, se clico em avançar ai ja aparecem 4, que eh a quantidade que defini, alem de pular direto pra pagina 3.. sera que podes me ajudar?
    www.dutydown.com
    e esse ai! abraço

    ResponderExcluir
  79. veja se onde diz para alterar o valor var pageCount e displayPageNum você usou numeros iguais

    ResponderExcluir
  80. No meu ficou um link do lado do outro, não ficou dentro de um quadradinho :'( tem como por dentro de um quadradinho que nem ta na figura?

    ResponderExcluir
  81. Fabiano Roberto

    Eu achei este trecho


    so que abaixo dele não tem section e div (esta sem os demais caracteres pois estava dando erro) para colocar o codigo, desci a barra de rolagem e o mesmo não aparece embaixo, teria como me ajudar?

    ResponderExcluir
  82. se marcou para expandir o modelo o código fica longo... então precisa ter cuidado ao procurar o trecho exato...

    ResponderExcluir
  83. Coloquei em todos os section div que tinha no meu template, porem não deu certo, teria um outro jeito ou tutorial para colocar numeração nas paginas?

    ResponderExcluir
  84. Gostei muito, consegui colocar no meu blog (http://canibaisdownload.blogspot.com/). Mas tem alguma maneira de colocar essas páginas numeradas também nos marcadores??Agradeço se responderem.

    ResponderExcluir
  85. não conheço esse código para marcadores...

    ResponderExcluir
  86. gostei mas nw consigo colocar no meu blog vc podia me ajudar olha meu blog

    http://sim-download.blogspot.com/

    ResponderExcluir
  87. Isso serve para o blog da uol também?? tentei colocar, porém não consegui... não encontrei a parte <b:widget id='Blog1' locked='tr ..
    Podem me ajudar?

    ResponderExcluir
  88. nossas dicas são para o blogger

    no uol os códigos são diferentes, desculpe mas não posso ajudar nunca tive blog no uol

    ResponderExcluir
  89. Aí galera eu conseguir fazer isso. Mas eu coloco em criar nova página. Aí quando eu crio novas páginas não aparece a numeração nessas novas páginas. Aí eu quero saber como colocar numeração nas novas páginas que são criadas. Por favor me respondam.

    ResponderExcluir
  90. e aí gente quando eu crio novas páginas não fica enumerada essas novas páginas, aí eu quero saber como enumerar elas. Porque sé enumera a da página principal. Não enumera as páginas que acaba de criar. Me digam aí como enumerar também as novas páginas.

    ResponderExcluir
  91. LycioMultimídia
    as paginas extras não tem numeração, esse código é só para a pagina principal do blog

    ResponderExcluir
  92. Não sei pq, mas no meu blog não aparece nenm este código e nem o atualizado :/ Eu não entendo...Muito códigos não funcionam direito no meu blog.

    ResponderExcluir
  93. dependendo da quantidade de gadgets e codigos o blogger gerar mais erros

    ResponderExcluir