Há algum tempo eu mostrei aqui no blog algumas opções bem legais para quem deseja colocar paginação numerada no blog.
Relembre:
O tutorial de hoje é ainda mais simples, um pouco de atenção e paciência e todo mundo vai conseguir fazer.
Comece acessando o seu painel do blog.
Clique em Layout e a seguir clique em Adicionar um gadget.
Na caixa de opções que abrir selecione HTML/JAVASCRIPT.
Dentro da caixa que expandir cole este código:
Salve, arraste para o final do blog e salve as alterações.
Dicas extras:
Onde você lê:
- var numshowpage=4; onde 4 é a quantidade de páginas mostradas (1, 2, 3, 4). Altere se quiser mais ou menos. A página ativa não entra na conta.
- var postperpage =3; onde 3 é a quantidade de posts mostrados por página. Esse número deve ser igual à quantidade de posts que seu blog exibe na página inicial. Você define isso seguindo o roteiro Configurações/Postagens e comentários/Postagens.
- var upPageWord="Anterior"; Mude a palavra anterior caso queira;
- var downPageWord="Próxima"; Mude a palavra Próxima caso queira
Todas as cores podem ser mudadas. Basta trocar o código de cada uma delas pelo código hexadecimal da cor que desejar. As cores sempre são definidas por códigos hexadecimais precedidos do sinal #.
Aqui tem uma tabela de cores para você escolher as suas preferidas.
Cuidado para não apagar nenhuma aspa ou sinal ao mexer no código. Uma coisa fora do lugar pode fazer com que ele deixe de funcionar.
Ajudarei, caso possa, e se a solução já não estiver explicada no tutorial.
Boa dica,Elaine! Assim que der um tempinho vou tentar e se fizer, te falo! bjs, obrigadão sempre, de volta,chica
ResponderExcluirOI Elaine bom dia!
ResponderExcluirNossa enfim tomei coragem e mudei algumas coisas no blog depois que vi o post da minha amiga Maria(Blog M de Maria).
Já conhecia seu trabalho aqui na blogosfera, mas confesso que sempre tive receio de mudar e mexer no HTML..rsrs. Vim agradecer , consegui bloquear as cópias. Fiz o que mais me incomodava, o restante começou a dar erro e parei. Achei melhor..rsrs.
Vou me organizar aqui e te mandar um email, gostaria muito de fazer mudanças significativas no blog. Assim que me planejar melhor vou te procurar ;D
Um abraço
Paty
Elaine querida,
ResponderExcluirvc é uma fofa, sempre nos ajudando com suas dicas preciosas!
Bjs, fique com Deus ♥
Muuuuito obrigada, caçei horrores por um tutorial de paginação para o novo blogger. Você foi minha salvação. Beijos.
ResponderExcluirhttp://blogdabrubb.blogspot.com.br/
Oi Elaine!
ResponderExcluirEsse eu já fiz !!!! rs
Mas posso mudar :)
Como te disse, acho que não me apaixonarei, esse leve romance já está bom rs
bjsss
Oi, querida Elaine...
ResponderExcluirYES!!!
Fiz e deu certinho... só uma dúvida: tem como mudar a fonte e o tamanho dela?
Beijos, mega agradecidos....
Patrícia, sempre que você ver no código esse sinal # seguido por um código, geral hexadecimal, ele se refere às cores.
ExcluirVá trocando até achar qual faz o que...
Dá certinho e a gente ainda se diverte rsrsr
beijossss
Eu já coloquei no meu!! Ficou lindão. Aproveitando a "reforma", estou levando seu badge.
ResponderExcluirbeijo
Elaine, voce não tem noção como seu blog, me ajuda!!Obrigada mesmo!!Bjss
ResponderExcluirVisito sempre, seu blog é lindo e completo em todos os sentidos... parabéns !
ResponderExcluirseguindo aqui...
http://naiamelo.blogspot.com.br/
bjo
Olá Elaine,
ResponderExcluirdeu certinho. Obrigada!!!!!!!!!
Beijocas e uma semana maravilhosa.
Jana =)
Olá Elaine
ResponderExcluirFicou muuito bom o código! Obrigado mesmo!
Mas acho que fiz algo errado, não sei...
Quando eu clico na pág 2, ele vai normalmente, mas na hora de voltar a página 1, não volta :s
Me ajuda aew ! Obrigado =D
Kelvin, eu teria que ver o blog onde instalou pra opinar.
ExcluirQual o blog?
Ok!
ResponderExcluirEste aqui é o meu blog http://boasnoticiasdecristo.blogspot.com.br/ ainda está em fase de construção!
Obrigado Elaine :)
Kelvin, acho que o script das páginas numeradas está dando conflito com algum outro script que use JQuery em seu blog.
ExcluirAcho que terá que escolher o que manter porque nem sempre é possível ter scripts que conflitem...
Tudo Bem! Muuito Obrigado Elaine, eu vou ver o que faço sim :)
ExcluirMuuito Obrigado Elaine,
ResponderExcluirVou dar uma olhada nisso sim :)
Oi Elaine, tudo bom?
ResponderExcluirFaz tempo que eu procurava um código sem erros, até que enfim encontrei rs, muito obrigada!
Beijos!
Obrigada pessoal, gostei tanto da materia
ResponderExcluirObrigada pessoal, gostei tanto da materia
ResponderExcluirOioi Elaine, muito bom seu tutorial, funcionou muito bem no meu blog e ficou uma graça...porem aconteceu um problema...a numeração aparece apenas na home no blog, se eu clico em algum dos links do menu horizontal ela desaparece. Você, ou alguém, por uma caso sabe como posso arrumar isso? Obrigada :))
ResponderExcluirOi Elaine, muito bom, funcionou perfeitamente.
ResponderExcluirSe der de uma olhada como ficou.
PES Edições PS2
Muito obrigado!
http://seufilmmes.blogspot.com.br/
ExcluirElaine, muito boa essa paginação... nenhum outro código funcionava no meu blog, e esse ficou perfeito! Muito obrigada, ajudou muito... Muito sucesso para você, seu blog é ótimo!
ResponderExcluirJessika Barbosa.
Oi Elaine, muito obrigada pelo tutorial, consegui instalar sem problemas. Mas eu pensei que essa numeração apareceria em qualquer página do blog, não só na página principal. Por exemplo, quando clico em qualquer categoria do meu blog (cliquei na categoria com o maior número de posts), a página não aparece numerada. Você sabe como eu poderia colocar numeração nelas também?
ResponderExcluirbeijos e obrigada! :)
Mas como vou poder fazer o tutorial , se você bloqueou a seleção do blog?
ResponderExcluirClique no botão Copiar o código e você conseguirá.
ExcluirObrigada por responder , mas antes não tinha esse botão :/ vc editou o tutorial? não têm mais pelo html :/ , agradeço sua atenção :D
ExcluirOla Elaine!
ResponderExcluirAdorei as dicas, Peguei um template básico e personalizei ele todo com varias dicas daqui. Ficou como eu queria.
Da uma olhadinha lá pra vc ver o que sua dicas fizeram. http://bloglindacor.blogspot.com.br/
Bjs
Muito obrigada Elaine!!! Amo suas dicas...
ResponderExcluirMuito obrigada! Excelente!
ResponderExcluirMuito obrigada, nossa estou muito feliz, amei sua dica e salvou minha vida hehehe,
ResponderExcluirse quiser dar uma passadinha pra conferir....
http://mundorosajozeline.blogspot.com.br/
Ahhh e já estou seguindo seu blog!!!
Elaine, voce sempre me ajudando com meu blog!! Obrigada pelas dicas fofo!
ResponderExcluirBeijooos
http://blogdasrtapaloma.blogspot.com.br/
Olá querida, adicionei o código no meu blog, mas ele não parece! O que faço?
ResponderExcluirLain, em templates muito modificados ou baixados da internet nem sempre dá certo.
ExcluirEntendo, obrigada! *-*
ExcluirOlá, acabei de ver este post, e realmente ele foi muito útil, no entanto eu tenho um menu usado por marcadores, e quando vamos para outro sítio sem ser a home page, ele vai continuar a aparecer aquilo do página inicial e das mensagens mais antigas, etc, o blog é: www.100lmts.blogspot.com
ResponderExcluirTêm como resolver esta situação ?
ótimo poste Elaine
ResponderExcluirvocê esta de parabéns
essa postagem mi ajudou bastante
muito grato
Aki não funfou, segui o tuto e nada!!
ResponderExcluirElaine, novamente estou aqui para agradecer suas postagens, que a cada dia venho aprendendo mais. Meu blog está ficando da maneira que eu quero graças a suas dicas.
ResponderExcluirBjos e obrigada.
Olá Elaine, acabei de instalar em meu blog, valeu as dicas, valeu mesmo...Vou voltar sempre aqui. Um xeru!
ResponderExcluirSandra
http://pedacinhobysandra.blogspot.com.br/
Elaine adorei... suas dicas foram ótimas e acertei de primeira. mudei as cores certinho, para rosa claro e rosa mais escuro. Obrigada! Visite o meu blog:
ResponderExcluirAdiléa
www.misturadealegria.blogspot.com.br
Uau! Ótimo tutorial, parabéns eu consegui fazer tudinho <3.
ResponderExcluirSimples e útil, parabéns!!1
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirJá tentei vários códigos incluindo esse nenhum ta funcionando e sumiu pagina inicial e postagens antigas por for favor me ajudem estou em desespero
ResponderExcluirMuito obrigada! Funcionou direitinho!
ResponderExcluirOlá, Elaine
ResponderExcluirobrigada pelos tutoriais, são ótimos!
Consigo numerar as páginas do meu blog. Porém, ele mostra uma numeração que não inclui todas as postagens do blog. Por ex.: 25 pág. com 6 postagens cada.
Se você puder me ajudar ficarei muito grata!
bj
Pecunia MM
Pecunia, lembre que precisa colocar a mesma quantidade de posts no código numerado e no Layout do blog, na área Postagens do blog.
ExcluirSenão dá erro...
Oi Elaine, tudo bem? Obrigada pelas dicas valiosas. Usei muitas delas no meu blog. Mas eu tenho uma dúvida: eu retirei a mensagem padrão do blog de "página inicial/ anterior/ próxima". Esse código funciona assim mesmo, ou eu terei de reverter essa alteração?
ResponderExcluirMuito obrigada.
Lih, eu não sei dizer.
ExcluirExperimente colocar o código e veja se funciona, depois compartilhe com a gente se dá certo mesmo sem os links de navegação originais :)
bjss
Elaine, acabei de fazer o teste. Eu precisei reverter as alterações que havia feito antes. Eu colocava os códigos, mas nada aparecia. Esses códigos como que "transformam" as mensagens padrão do blogger em números de páginas. Se o display estiver desativado, logo os números também não aparecem. Tanto que, pra confirmar, eu apaguei os códigos; aí apareceram as mensagens padrão aonde antes estava a numeração das páginas. Obrigada de novo. Abraços.
ExcluirMega funcionou....estava sem esperanças depois de muitas tentativas frustadas com outros códigos e de repente...deu certo. Obrigada de coração.
ResponderExcluirLegal! Funcionando certinho. Valeu
ResponderExcluirbrigaduuuu não aguentava mais assistir videos que não dava certo vlw
ResponderExcluirótima dica me ajudou muito. obg
ResponderExcluirmuito obrigado deu super certo.
ResponderExcluirOi Elaine :)
ResponderExcluirMeu blog já tinha as numerações de página, só que não funcionava direito, aí eu fiz como vc falou e tbm não deu certo. Não apareceu as páginas. Eu tentei assim, e do outro jeito que vc ensinou, mexendo no código fonte. Nenhum funcionou. Vc pode me ajudar?
Obrigada <3
Obrigado ficou muito bom!
ResponderExcluirOi Elaine tenho o blog D&D Mundo Afora. já tentei todos os metodos que vc citou e nenhum funcionou. Não sei o que fiz de errado.
ResponderExcluirDaniela, não funciona porque você definiu a uma página estática como a página inicial de seu blog. Numeração não se aplica à páginas internas e nem à páginas estáticas como você usa agora em lugar da home.
ExcluirAdorei a dica, porém tem como tirar essa parte "Página: 1 de 5" olha como está no meu blog: http://www.dayanealves.com.br/
ResponderExcluiraguardo um retorno e obrigada pela dicas!!
Elaine comigo não deu certo :(
ResponderExcluirQuando você diz arraste até o final do blog, o que você exatamente quer dizer? Eu me perco nessa parte onde devo deixar o Widgets. Já tentei deixar até no rodapé que é o no final? Por favor me ajude?
As orientações da Elaine, são simplesmente, ótimas!
ResponderExcluirObrigado Elaine.
é possivel tirar Pagina: 1 de 3 porque no celular aparece tudo um em cima do outro. é uma confusao. Tem outro modelo de paginaçao? o ideal seria aquele q aparece so o numero e anterior e proxima. :(
ResponderExcluirMaria, tem outros modelos sim, clique na categoria Páginas numeradas e eles aparecem.
ExcluirPra retirar ou alterar as palavras que deseja precisa abrir o código da paginação e localizar nele (tá bem no final, naquele monte de código "estranho") as palavras que quer alterar/excluir.
Esse modelo é ótimo! Muito prático! Alterei a cor original verde para rosa e azul claro! Adorei! Obrigada, mais uma vez, Elaine!
ResponderExcluirValeu... brigadão...
ResponderExcluirAtenção, tomem muito cuidado com estes gadgets numeradores de paginas para blogs, ja infectei meu blog Duas vezes com eles e quebrei a cabeça para descobrir, no começo eles funcionam bem que é uma beleza, após algum tempo o script deles começa a substituir os links do seu site e redirecionar seus visitantes para páginas de anúncio e páginas de donwload de programas maliciosos, não estou dizendo que o que você esta disponibilizando no seu blog é malicioso, mas os outros podem ser, TOMEM MUITO CUIDADO BLOGUEIROS ! fica o aviso.
ResponderExcluirTu tens razão, por isso ´[e bom evitar códigos com scripts hospedados, o ideal é código assim, aberto...
ExcluirMuuuuuuuuuuito Obrigado Salvou minha vidaaaa!!!
ResponderExcluirSÓ O SEU SITE DA JEITO NISSO MAIS NENHUM OUTRO - EU JÁ ESTAVA DESACREDITADO VLW !!
ResponderExcluir