Código de páginas numerada que funciona mesmo.

O dicas para blog tem esse tutorial mais não funciona então resolvi modificar algumas coisas aprimorei e ficou muito bom funciona mesmo aqui no propio blog tem lá em baixo devera ficar assim no seu blog :

Adicione esse codigo antes de ]]</b:skin> :

.showpageArea {padding: 0 2px;margin-top:2px;margin-bottom:5px;
}
.showpageArea a {border: 1px solid #bddbe6;
color: #000000;font-weight:normal;background:#fff;
padding: 3px 6px !important;font-size:11px;
margin:0px 2px;
background-image: url(http://i49.tinypic.com/72g6eq.png);
text-decoration: none;-moz-border-radius:5px;
}
.showpageArea a:hover {border: 1px solid #bddbe6; color: #000000; background: #bddbe6;}

.showpageNum a {border: 1px solid #bddbe6;
color: #000000;font-weight:normal; font-size:11px;
padding: 3px 6px !important;margin:0px 2px;
text-decoration: none;-moz-border-radius:5px;}

.showpageNum a:hover {border: 1px solid #bddbe6;
color: #000000;background: #bddbe6;
}
.showpagePoint {font-size:11px;-moz-border-radius:5px;
padding: 2px 5px 2px 5px;margin: 2px;font-weight: bold;
border: 1px solid #0066cc; color: #fff;
background: #0066cc;}

.showpage{font-size:11px;-moz-border-radius:5px;}

.showpage a:hover {font-size:11px; border: 1px solid #0066cc; color: #fff;background-color: #0066cc;}

.showpageNum a:link,.showpage a:link {font-size:11px;
padding: 2px 4px 2px 4px; margin: 2px;
text-decoration: none;border: 1px solid #bddbe6;
color: #000;background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #bddbe6;color: #000000;
background-color: #bddbe6;font-weight:normal;}

Agora dessa la em baixo e adicione esse codigo depois de <!-- end content-wrapper -->

<b:if cond='data:blog.pageType != "item"' >
<script type='text/javascript' >
var pageCount=8;
var displayPageNum=6;
var downPageWord ='Próxima';
var upPageWord ='Anterior';

</script >
<script src='http://eddyvidaloka.webs.com/blogger%20page%20nav.js' type='text/javascript'/>
</b:if >
 ~Satoshi