dicas blog
Home » , , » Como adicionar paginas numeradas no blogger

Como adicionar paginas numeradas no blogger

9
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;
Altere as cores 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!

9 comentários:

  1. O 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.

    ResponderExcluir
    Respostas
    1. Obrigado sergio por avisar vou arrumar isso.

      Excluir
  2. Boa 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.

    ResponderExcluir
    Respostas
    1. Para alterar isso você terá que abrir o código js. E fechar ele,isso já é mais complicado.

      Excluir
  3. Olá, 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.

    ResponderExcluir
    Respostas
    1. Ola 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!

      Excluir
  4. Olá! Preciso de uma ajuda... Só está funcionando pra mudar de página as vezes, o que eu faço?

    ResponderExcluir
  5. Ol,
    estou levando.
    Obrigada por partilhar!!

    ResponderExcluir
  6. Muito obrigado por esse tutorial ♥

    ResponderExcluir