Páginas numeradas no blog

Todos nós blogueiros estamos sempre em busca de novos recurços que facilitam a navegação dos visitantes pelo blog, algo que dificulta bastante a navegação dos usuários é ficar passando página por página até encontrar determinada postagem. Então com a numeração de páginas no seu blog fica bem mais fácil a navegação entre as postagens do seu blog. Existem em outros sites posts ensinando fazer isso, mas alguns possuem erros, e esse que vou ensinar a instalar é bem simples de ser usado e todos os erros foram corrigidos.

Entre em Editar HTML, e procure por ]]></b:skin> imediatamente acima disso cole o seguinte código:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Depois procure por </body> e imediatamente acima disso 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=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->

Depois de feito isso clique em SALVAR ALTERAÇÕES, e pronto.