Pagina Numerada quinta-feira, 21 de julho de 2011 Lipe_Uchiha

Salve Galera sou eu dinovo com mais 1 post hoje vou tar ensinando como colocar paginas numeradas no blog !!! Vamos Lá....

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  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:

]]></b:skin>

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;
  }

SEGUNDO PASSO: Aplicando o JavaScript

1 - Encontre isso:

</body>

2 - E cole isso acima, saltando uma linha:

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

  

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'

 2 - E substitua todas as encontradas com isto, uma a uma:

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

 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.