Como colocar paginas numeradas no blog

Blogger hack, CSS, Dicas
32
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!
 
.

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

  21. 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.