Páginas numeradas no Blogger - Novo script
Autor: Mino BonChance consultor imobiliário | Publicado: 2010-09-09T08:20:00-07:00

Limite máximo de 500 artigos.
Necessidade de ler todo o arquivo JSON, tornando o blog um pouco  lento.
Necessidade de um longo Loop para calcular todos os posts.




Agora que já  comuniquei,  expliquei, olhem um exemplo abaixo dos nossos posts aqui  mesmo no  Tutorial Para Tudo e vamos ao tutorial propriamente  dito, podem olhar o  exemplo, eu espero:
PRIMEIRO  PASSO: Aplicar o estilo
1 -  Faça Login no painel&nbsp; do Blogger e vá até Layout e depois Editar  Html.
2 - NÃO marque a caixa "Expandir  modelos de widgets".
3 - Encontre esta linha no html do  blog:
]]&gt;&lt;/b:skin&gt;




4 - Cole ACIMA dela (saltando uma linha) este trecho:

.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }
O estilo (visual) acima é o mesmo  do  script anterior, para conhecer outros, visite nosso post de apoio   que contém outros seis estilos, clique AQUI.


SEGUNDO  PASSO: Aplicando o JavaScript
1 - Encontre isso:
&lt;/body&gt;
2 - E cole isso acima, saltando uma linha:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &amp;lt;script type='text/javascript'&amp;gt;
var home_page=&amp;quot;/&amp;quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
&amp;lt;/script&amp;gt;
&amp;lt;script   src='http://dl.dropbox.com/u/3626153/scriptsdireto/Tutorial%20Para%20Tudo/pagenaviv202-min.js'   type='text/javascript'&amp;gt;&amp;lt;/script&amp;gt;&nbsp; 

Mude de acordo com seu blog:
var postperpage=7 - Mude o 7 para o número de artigos que  devem aparecer em cada página.

var numshowpage=4 - Mude o 4 para o número máximo de páginas a   aparecer em volta da página selecionada. Lembrando que no exemplo usando  o 4, aparecerão duas  de cada lado da página selecionada, sendo 6,  aparecerão três de cada lado...


TERCEIRO  PASSO: Customizando categorias
1 - Encontre esta linha, que se repete várias vezes no html do blog:
'data:label.url'
&nbsp;2 - E substitua todas as encontradas com isto, uma a uma:
'data:label.url +   &amp;amp;quot;?&amp;amp;amp;max-results=7&amp;amp;quot;'
&nbsp;Mude o 7 para o número de artigos que devem aparecer em cada  página. Deve ser o mesmo 
utilizado acima em var postperpage=7
Agora está pronto meus caros, lembrem-se que não é possível ver  as páginas apenas visualizando o modelo,
salve agora e confira  como ficou.Espero  que gostem  e possam melhorar muito a navegabilidade em seus blogs,  item importante para seu sucesso. Deixo meus crétitos aqui ao nosso  amigo Abu  Farhan, desenvolvedor deste novo código. Deixando  claro ainda que eu apenas editei pequenas partes no que se refere à  tradução e possibilidade do uso de acentos sem ocorrencia de erros de  codificação.

Leia mais:  http://tutorialparatudo.blogspot.com/2010/02/paginas-numeradas-no-blogger-novo_26.html#ixzz0z2unX4EF 
Under Creative Commons License: Attribution