Como Colocar páginas numeradas no Blog

Bom esse é o primeiro tutorial Relacionado a Blog aqui do nosso blog, e hoje vou trazer para vocês esse tutorial que vai ensinar a como colocar paginas numeradas no blog, é uma coisa simples, mais bastante interessantemente , e que todo Blog necessita, e precisa com certeza, espero que vocês gostem e bora ao tutorial.

  Vá em Modelo , Editar HTML, Clique na opção Expandir Modelo de Widgets. 

Procure por:

    ]]></b:skin>

  E adicione acima desta tag, o código abaixo:



 .blog-pager,#blog-pager{
 font-family:”Times New Roman”, Times, serif;
 font-weight:normal;
 font-size:12px;
 width:500px;
}
.showpageNum a,.showpage a {
 background:transparent url(‘http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png’) repeat-x;
 border:1px solid #97a7af;
 margin:0px 1px 0 1px;padding:3px 8px;
 text-decoration:none;
 color:#333;line-height:14px;cursor:pointer;white-space:nowrap;
 -webkit-border-radius:3px;-moz-border-radius:3px;
 }
.showpageNum a:hover,.showpage a:hover {
 background-image:url(‘http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png’);
 border:1px solid #e4905a;color:#e4905a;text-decoration:none;
 }
.showpageOf{
 margin:0 8px 0 0;
 }
.showpagePoint {
 background:transparent url(‘http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png’) repeat-x;
 margin:0 3px 0 3px;padding:3px 8px;
 line-height:14px;cursor:pointer;white-space:nowrap;
 -webkit-border-radius:3px;-moz-border-radius:3px;
 border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold;

 }






Procure por: 

    </body>


     E adicone acima desta tag, o código abaixo:


<script type=’text/javascript’>;
var home_page=’/’;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord =’Prev’;
var downPageWord =’Next’;
</script>;
<script src=’http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js’ type=’text/javascript’></script>

  Procure por:

    
    ‘data:label.url’

  
  E cole no lugar desta tag, O código abaixo.


  ‘data:label.url + &quot;?&amp;max-results=7&quot;’


  Dicas de Personalização


 font-family   {Tipo de Fonte}

 font-size     {Tamanho das letras e números}

 width:        {Tamanho da Largura}

 border:       {Cor da borda}

 background:   {Cor ou Imagem de fundo}

 margin        {Distância entre os números}