Como colocar paginação no seu blog

O post de hoje é uma dica bem legal pra quem quer otimizar o layout do blog. Eu acho bem mais interessante quando a gente tem um contador de páginas no nosso blog, ao invés de "Posts Antigos" e "Posts Recentes". Então eu trouxe um código pra vocês, que deve ser copiado e colado num Gadget chamado HTML/JavaScript. Daí basta vocês o posicionarem embaixo do local onde fica as postagens do blog (na parte Layout do Blogger).

Obs: O código funciona na plataforma Blogger.

Eu personalizei o meu código pra ficar com a cor verdinha. Achei que ficou bem legal. Para saber como personalizar o seu, veja as instruções abaixo.

----------------------------------------------------------------------------------------------------

<center><style type="text/css">

#blog-pager{font-size: 18px;padding:10px 0;clear:both;}

.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:18px; margin:10px;}

.showpageArea a{color:#000; border-radius: 0px; border:0px solid #000; background:#57a5fd;}

.showpageNum a{padding:3px 8px;margin:0 2px; border-radius: 0px; text-decoration:none;border:0px solid #000; background:#57a5fd; color:#000;}

.showpageNum a:hover{border-radius: 0px; border:0px solid #000; background:#57a5fd;}

.showpageOf{color: #000; border-radius: 0px; margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:0px solid #000;}

.showpageOf a{color: #000; border-radius: 0px; margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:0px solid #000;}

.showpagePoint{border-radius: 0px; color:#000; padding:3px 8px;margin:2px;border:0px solid #000; background:#57a5fd; text-decoration:none;}

.showpagePoint a{border-radius: 0px; color:#000; padding:3px 8px;margin:2px;border:0px solid #000; background:#57a5fd; text-decoration:none;}

</style></center>

<script style='text/javascript'>

var numshowpage=7;

var postperpage =2;

var upPageWord="Anterior";

var downPageWord="Próxima";

var home_page="/";

var urlactivepage=location.href;

</script>

<script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script>

----------------------------------------------------------------------------------------------------

COMO PERSONALIZAR: 
Vermelho: Cor da letra
Laranja: Cor do fundo
Negrito: Tamanho da fonte.

Obs: Onde tem "postperpage =2", vocês devem alterar o número 2 pela quantidade de posts que o seu blog suporta por página.

Basta procurar uma tabela de cores e substituir o código da cor escolhida.
{Fonte: Guide4}