Como adicionar paginas numeradas no blogger | Meu Blog Dicas
» Como adicionar paginas numeradas no blogger
Nesse tutorial vamos ver com adicionar no blogger uma numeração nas paginas do blog, se você criou um blog apouco tempo e esta personalizando ele com certeza você vai procurar e colocar em seu blog paginas numeradas de navegação, que nada mais é que um código que vai separar e contar quantas paginas de postagem seu blog tem. page navigantion
assim que é chamada, auxilia a pesquisa no blog e deixa mais organizada e elegante sua pagina, dessa forma você e seus visitantes podem acompanhar quantas postagens e quantas paginas tem em seu blogger você pode personalizar o código como preferir com cor do estado normal e hover ao passar o mouse por cima dos botões para combinar com seu blogger siga os passos abaixo e vamos lá.
Tutorial como adicionar paginas numeradas barra de navegação no blogger
Primeiro vá em layout e depões Copie o código abaixo e cole
dentro de um gadget javascript.
Altere o numero 5 dentro do código pelo numero de postagens que aparece na sua primeira pagina postperpage=5;
Nesse local =6;
você altera o numero de paginas que vão aparecer na navegação numshowpage=6;
para localizar de um
CTRL+F para facilitar a busca
Para trocar a cor: #cf5438
para trocar a borda: #CCCCCC
Para trocar a cor
hover: #b5ab41
Para trocar a borda hove: #1a181a Para trocar a cor dos números: #333333
Para trocar a cor dos números hove: #e0e0e0
Depões de feito isso salve o gadget e araste para baixo da área das postagens
Esse modelo é o mesmo que uso aqui no blogger!
Sergio-F12 de abril de 2013 14:01O botão anterior não está ficando com borda e fundo igual ao botão próximo.Troque o ".showpageNum a" por um ".showpageNum a, .showpage"E funciona.ResponderExcluirRespostasRicardo Moraes12 de abril de 2013 15:11Obrigado sergio por avisar vou arrumar isso. ExcluirResponderRomulo Vilela25 de junho de 2013 11:27Boa tarde!Gostaria de saber como faço para trocar a cor do item "Page 2 of 3". Já troquei todos os códigos HTML de cores e não adiantou.ResponderExcluirRespostasRicardo Moraes1 de julho de 2013 11:14Para alterar isso você terá que abrir o código js. E fechar ele,isso já é mais complicado.ExcluirResponderadmin1 de julho de 2013 08:30Olá, primeiramente quero dizer parabéns ao seu post muito bom. E também quero dizer que estou com uma dúvida : Porque o botão anterior a cor da fonte da letra não fica igual ao botão próximo. E também queria saber como colocar um fundo e uma borda no " Page 1 of 2 ". Poderia me ajudar ? Obrigado. E parabéns pelo seu ótimo post.ResponderExcluirRespostasRicardo Moraes1 de julho de 2013 11:08Ola adimin,acredito que isso não seja possível, vou indicar uma pagina para você criar paginas numeradas,com vários modelos e cores, aguarde!ExcluirResponderBruna Ritzel13 de julho de 2013 06:25Olá! Preciso de uma ajuda... Só está funcionando pra mudar de página as vezes, o que eu faço?ResponderExcluirGraça Madeira6 de setembro de 2013 17:29Ol,estou levando.Obrigada por partilhar!!ResponderExcluirPanela Voadora31 de maio de 2014 12:56Muito obrigado por esse tutorial ♥ResponderExcluirAdicionar comentárioCarregar mais...