Páginas numeradas Juju

Bom esse hack tuto é para quem quer facilitar um pouco a navegação dos visitantes no blog, siga os passos abaixo:

1 - Vá em DESIGN e depois em Editar HTML
2 - Procure pela tag ]]></b:skin>
3 - Acima dela (saltando uma linha) copie e cole este trecho:

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

4 - Procure pela tag </body> 
5 - Acima dela cole o seguinte código saltando uma linha:

<!--Page Navigation Starts-->
<script align='center' type='text/javascript'>
var pageCount=3; var displayPageNum=15;
var upPageWord =&#39;Voltar&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
<!--Page Navigation Ends-->