Páginas numeradas com tamanho

Um dos problemas de colocar páginas numeradas no blog é que elas ficam grandes de mais e você tende diminuir a letra do seu blog para 10 px , o que fica horrível , além de cada postagem você ter de mudar o tamanho da fonte , eu procurei muitos tutoriais na internet de como diminuir o tamanho das páginas numeradas e não achei , fiquei mexendo no meu HTML até que consegui . Primeiro vou colocar como botar essas páginas no seu blog .
1) vá no seu html e procure por : ]]></b:skin>
2) Acima dele cole o código :

.showpageArea a {

text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc;
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;
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc;
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}

As cores destacadas em vermelho corresponde a cor de fundo das páginas numeradas , é só colocar a que você quiser.
3)Pesquise por </body>
acima dele coloque : 

<!-- 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 -->

4)Agora o primeiro código que você colocou acima de skin deverá ficar assim :

.showpageNum a {
text-decoration:none;
font-size:12px; ---/* tamanho da fonte */
background: #cccccc;
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
font-size:12px; ---/* tamanho da fonte */
border: 0px solid #cccccc;
background-color: #DB7093;
}
.showpagePoint {
color:#333;
font-size:12px; ---/* tamanho da fonte */
text-decoration:none;
border: 0px solid #cccccc;
background: #DB7093;


margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
font-size:12px; ---/* tamanho da fonte */
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
font-size:12px; ---/* tamanho da fonte */
background-color: #DB7093;
padding:5px;
}
.showpage a:hover {
text-decoration:none;
font-size:12px; ---/* tamanho da fonte */
background:#00ffff;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
font-size:15px; ---/* tamanho da fonte */
color:#000;
}

Na quantidade de pxs você pode mudar , o que importa é que o ultimo código de tamanho (onde está 15 px) sejam 3 pxs a mais do que o numero de pxs do outro código .