segunda-feira, 23 de maio de 2011

Como colocar numeração nas páginas do blog?





Tumblr_m0fq3wvehd1qgwopco1_500_large
awaaan *-*

Olá. 
Vou mostrar a vocês como colocar páginas no blog. É bem interessante e deixa o seu blog diferente. Obviamente que devo dar os devidos crédito a Dicas para blog . É um site incrível. Lá você irá encontrar de tudo para o seu blog! Lembrando que esta semana estou com tutoriais legais para o blog.




Antes de tudo salve o seu código no bloco de notas do seu computador pois caso haja lago de errado você terá o original. 

Design - editar Html - Ctrl+F e procure por:
 ]]></b:skin> 

e acima dele cole o seguinte código:
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}


Agora localize a linha </body> abaixo cole o seguinte código :
&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;


Onde marquei de vermelho é a quantidade de postagem que você queira que fique na página. Cuidado para não pagar nada pois algo apagado não funcionará :/ Visualize para ver se deu tudo certo. Se sim, salve!


Beijos 

10 comentários:

  1. Aiin, gostaria de um tutorial sobre como colocar fundo no títilo dos posts, poderia fazer? :]

    Beijinhos adorei o novo layout ;*

    ResponderExcluir
  2. Não consegui fazer, fiz tudo direitinho, mas não está dando certo! :( ...

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  3. (kkk) Não tem problemas, eu fiz de novo e deu tudo certinho... antes você disse que o 1° código era em baixo e agora é em cima! (kkkk) Valeu por ter conferido! Beijooos... ^^

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  4. °°°Ahin" amei a dica.. MAs não consigo colocar no meu.. a numeração fica só em uma pagina..
    http://mybook10.blogspot.com/

    ResponderExcluir
  5. Ain" consegue.. rsrsrs.. amei flor!

    ResponderExcluir
  6. Ain" consegue.. rsrsrs.. amei flor!

    ResponderExcluir
  7. (kkk) Não tem problemas, eu fiz de novo e deu tudo certinho... antes você disse que o 1° código era em baixo e agora é em cima! (kkkk) Valeu por ter conferido! Beijooos... ^^

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  8. Que bom que gostou !
    'Obrigada Thalita :D .

    ResponderExcluir
  9. Ameei, me ajudo muito , sempre quis por mais nunca consiguia . Ameei muuito ;*
    Beeijos!

    ResponderExcluir

Olá! Obrigada pela sua visita e comentário♥

Leia também:

Subir