Como colocar paginas numeradas no blog

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Neste tutorial estarei mostrando, como adicionar páginas de navegação numeradas no Blogger.

paginas numeradas no blog

Esta pagina de navegação numerada é muito simples de adicionar. O código JavaScript utilizado neste tutorial é de Rilwis (Deluxe Blog tips) e o código CSS é nosso.

Como adicionar paginas numeradas no blog?

1. Acesse o painel do seu blog (Veja: Como acessar o código XML/HTML na nova interface do blogger)
2. Clique na guia “Modelo
3. clique em Editar HTML

4. Marque a caixinha “Expandir modelos de widgets
5. Procure pelo seguinte:

6. Adicione o código CSS abaixo logo ACIMA de

.pagenavi{
clear:both;margin:10px auto;text-align:center
}
.pagenavi span,.pagenavi a{
padding:10px;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagenavi a:hover,.pagenavi .current{
background:#ff8400;color:#fff;text-decoration:none
}
.pagenavi .pages,.pagenavi .current{
font-weight:bold
}
.pagenavi .pages{border:none}
8. Agora procure pelo seguinte código:

widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
9. Logo após o código acima, adicione o seguinte código:


10. Agora encontre esse código:


11: Agora substitua o código acima por esse outro a seguir:







Salve e Pronto! Simples, não?
Qualquer duvida não hesite em perguntar.
Até a próxima!
 

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

32 Comentários

    • Olha, com toda certeza tem, talvez esteja um pouco diferente. Procure por algo semelhante a esse:

      widget id=’Blog1′ locked=’true’ title=’Postagens no blog’ type=’Blog

      Responder

  1. Oi Marcos eu já tentei umas 10 maneiras de colocar as paginas no meu blog e até agora nada delas aparecerem, eu não entendo nada de css e todos esses códigos que estou tendo que lidar tenho me esforçado estudando apesar de não ser minha área esse é o primeiro código que não consigo colocar. Tem alguma outra sugestão?

    Responder

    • Adriana,

      O problema pode ser também o seu layout. Alguns são feitos com recursos que entram em conflito com este código. O melhor mesmo é criar um blog de testes para saber se vai funcionar.

      Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.