segunda-feira, 17 de outubro de 2011

Como colocar páginas numeradas no blog 2

kicking some knowledge | via Tumblr


Já havia postado antes mas foi com outro modelo veja aqui . Esse aqui é diferente é parecido com a do blog exatamente o print que tirei foi do blog haha. Peço que preste bem atenção  respeite os símbolos  pois um símbolo apagado dará erro ao código. Antes de tudo  abra o seu bloco de notas do seu pc salve o modelo do seu blog , pois caso haja erro você tem o original.

Para as cores utilize essa tabela .

Modelo - Editar Html - Ctrl+f ou F3 e procure por : 
]]></b:skin>
em cima dele, coloque o código abaixo: 
.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;background: #cccccc; /* Cor do fundo dos números de páginas
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff; /* Cor no número da página selecionado 
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color:
margin:0 2px;padding:5px;}.showpageNum a:hover {border: 0px solid #cccccc;background-color: #00ffff;}.showpagePoint {color:#333;text-decoration:none;border: 0px solid #cccccc;background: #00ffff; /* Cor no número da página selecionado margin:0 2px;padding:5px;}.showpageOf {text-decoration:none;padding:5px;margin: 0 2px 0 0;}.showpage a {text-decoration:none;background-color:#cccccc; /* Cor do " próxima "
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:
padding:5px;}.showpage a:hover {text-decoration:none;background:#00ffff; /* Cor de quando passe o mouse 
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}
}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#000;}

Ctrl+f ou F3 novamente e procure por:
</body>
e acima dele coloque o código abaixo: 
<!-- Inicio do codigo de navegacao --><b:if cond='data:blog.pageType != &quot;item&quot;'><script type='text/javascript'>var pageCount=4;var displayPageNum=4; /* Quantidade de páginas
var upPageWord =&#39;
var upPageWord =&#39;Anterior&#39;; /* Edite como quiser 
var downPageWord =&#39;
var downPageWord =&#39;Próxima&#39;; /* Edite como quiser 
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/><!-- Final do codigo de navegacao -->

Visualize, se deu certo certo salve!
Crédito: Sweet Insanity

Beijinhos.



8 comentários:

  1. Que lindu seu BLOG! Seguindo :D Retribui?

    http://attitude-feminina.blogspot.com

    ResponderExcluir
  2. Ai...dicas valiosas aqui!Estou te seguindo porque amei aqui...me segue também! Quero te convidar para uma promo que estou fazendo no meu blog de um livro+marcador! Participa!!!! Bjuss se cuida!
    http://palomaviricio.blogspot.com

    ResponderExcluir
  3. Adorei o tuto flor... bjs http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  4. num tô dizendo que eu tô viciadona no seu blog! =D
    bom voltando ao comentário anterior que deixei,adorei mesmo o design da sua caixa de comentários,amei,amei,amei.
    você colocou fundo nos comentários e eles não ficam apagados quando são postados (incrivel!) poderia me dar uma dica sobre?
    adoro seu blog,kisses (continue assim)
    http://iteenf.blogspot.com

    ResponderExcluir
  5. Que pena, tente as outras páginas também :D
    Ah, se caso não ficar como a imagem diz, infelizmente não sei o que fazer, no meu também não deu certo :s. Depende do templante do seu blog!

    ResponderExcluir
  6. @Letícia Castro ooi querida rs não deu certo no meu também, aconselho a revisar o ultimo código pois o problema pode estar nele, eu uso um outro código do Abu so que ele começo a apresentar bugs então complica rs


    www.perfeitinhablog.com

    ResponderExcluir

Hey!
Fique a vontade ao comentar! Sem xingamentos por favor!

Muito obrigada!♥