Paginas numeradas

No primeiro tutorial da Crazy Girls, vou ensinar a colocar paginas numeradas no seu blog.

Deixa o seu blog mais modernos e tira aquele  "Início, Postagens mais antigas".

 

Então vamos lá:

vá em: design > editar html > e procure (ctrl+f) por: ]]></b:skin>

Depois de encontrado cole ACIMA dele cole o seguinte código:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc; (COR DO FUNDO DOS NÚMEROS DE PAGINA)
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 NUMERO DE 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:#00ffff; (COR DE QUANDO PASSA O MOUSE)
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}

Depois disso, troce o que precise e procure por </body>
E ACIMA dele cole o seguinte 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 --> 

Visualize se esta tudo e certo e dê ok.

ah! eu recomendo esse site com os códigos de cores. 

Alguma duvida? Pergunte por comentário!