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 mesmo apanhei bastante procurando. Tentei colocar da forma mais fácil que achei.

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 e fazer seu gadget de numerar páginas parar de funcionar.

Não esqueça de reconhecer o nosso trabalho, dê um Google+ e curta-nos no facebook. Assim você também estará ajudando para que outras pessoas achem essa informação com mais facilidade.

Muito obrigado e fiquem com Deus.