Como Colocar Numeração De Paginas No Blogger Facilmente

Este método de numerar páginas no blogger foi o método mais fácil que achei e que funciona, por isso coloquei aqui no meu blog para ajudar muitos blogueiros que não estavam conseguindo, inclusive eu.

Antes de adicionar o código, você deve copia-lo para um documento de texto qualquer para fazer uma pequena alteração nele (código mais a frente). Copiado, vá em Configurações do

 blogger, Postagens, veja a quantidade de posts está configurado para aparecer por pagina e coloque esta quantidade na linha do código:

var posperpage=3

O valor acima é somente um exemplo para se tirar base, na sua configuração poderá ser outro valor e ele deve ser usado no lugar do número vermelho. Dependendo do valor que você colocar na linha acima, coloque na linha a seguir citada, somando mais 1:

var numshowpage=4

Siga o Hora Extra Online no twitter @hrExtraOnline.

Numerando as Paginas do Blog

Feito isto no seu documento de texto, vamos adicionar a Numeração de paginas do Blogger, entrando em "Layout" e adicionando um gadget no lugar que você quer, escolha o gadget HTML/Javascript:

E cole o seguinte código na caixa da Janela Html/JavaScript que irá abrir:

<style type="text/css"> #blog-pager{font-size:normal;padding:10px 0;clear:both;} .showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px} .showpageArea a{color:#000} .showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;} .showpageNum a:hover{border:1px solid #888;background:#ccc} .showpageOf{margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999} .showpagePoint{color:#fff;padding:3px 8px;margin:2px;border:1px solid #999;background:#666; text-decoration:none} </style> <script style='text/javascript'> var numshowpage=4; var postperpage =3; 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>

Salve e vá para sua pagina ver o resultado!

Se quiser editar cores e fontes da numeração de paginas do blog é só alterar alguns valores deste código que foi adicionado na página Layout, clicando no lugar do gadget que você adicionou em editar.  Precisa saber o básico sobre CSS para isso.

Editar cores é fácil, mudando o valor hexadecimal, depois de #, muda-se a cor de determinado atributo. Mas cuidado para não fazer alguma coisa errada para fazer seu gadget para numerar paginas parar de funcionar.