Pagina Numerada

Por Math Sensei;Ás 08:07 Dia 15 de fev. de 2012

Ola Vou Postar Uma Pagina Numeradas Com Borda Arredondadas no Css espero que Gostem!                                                            

                                          Demo

Lembrando  Salve Seu Layout Antes

Primeiro Abra o blog click em design depois html e procure pela tag ]]></b:skin> 

1ª Antes(acima) dela Cole o seguinte código 

.showpageArea {
font-family:verdana,arial,helvetica;
color: #fff;
font-size:11px; 
margin:10px;
}
.showpageArea a {
color: #fff;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
border-radius:3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
text-decoration: none;
background: #b2b5b7 url() 0;
}
.showpageNum a:hover {
background: #044697 url() 0;
}
.showpagePoint {
color:#fff;
padding: 3px 8px;
margin: 2px;
border-radius:3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
font-weight: 700;
background: #333 url() 0 0 repeat-x;
text-decoration: none;
}
.showpageOf{
margin:0 8px 0 0;
}

2ª Pronto a Seguir Procure Pela tag e adicione o seguinte código antes dela

<!-- 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;&#39;;
var downPageWord =&#39;&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->

var pageCount=5;  é quantidade de página por numero , Ex: Na pagina 1 vai ter 5 paginas , quando adicionar a quarta pagina aparece a página 2 e assim a Diante


var displayPageNum=5;  Numero de Páginas Numeradas que irá aparecer

E Pronto Depois,Mude as Cores Para combinar Com Seu blog