Páginas Numeradas

Oi todo mundo !
Então amores hoje vou ensinar a vocês a colocar paginas numeradas no blog isso e muito legal e tem em vários blogs vamos começar .



Vá em editar HTML>marque na caxinha "Expandir Modelos de Widgets" e procure por  ]]></b:skin>

Cole isto antes da tag 

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

background: #cccccc; /*COR DO FUNDO DOS NÚMEROS /*

margin:0 2px;

padding:5px;

}

.showpageNum a:hover {

border: 0px solid #cccccc;

background-color: #00ffff;

}

.showpagePoint {

color:#333; /* COR DO TEXTO /*

text-decoration:none;

border: 0px solid #cccccc;

background: #00ffff; /*COR DO FUNDO DOS NÚMEROS SELECIONADOS/*

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 DE FUNDO DO "PRÓXIMO"/*

padding:5px;

}

.showpage a:hover {

text-decoration:none;

background:#00ffff; /*COR DE FUNDO  DO "PRÓXIMO" SELECIONADO/*

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#000;

No próprio código eu coloquei as instruções de onde você deve alterar, lembrando que as cores tem que ser em códigos hexadecimais (#000000).

Agora vamos a segunda parte do código.
Procure por </body> no seu HTML e cole acima disso esse código:

<!-- Inicio do codigo de navegacao --> 

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próxima&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->

Espero que tenham gostado do primeiro post !E não posso deixar de dar os créditos ao Cherry Bomb

BEIJOS