Tutorial: Páginas Numeradas

Tutorial: Páginas Numeradas

Achei no Totorial Para Tudo um recurso cada mais mais usado na Blogosfera .. Páginas Numeradas !


Transcrevo abaixo o post :

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

O estilo (visual) acima é o mesmo do script anterior, para conhecer outros, visite o post de apoio que contém outros seis estilos, clique AQUI.







SEGUNDO PASSO: Aplicando o JavaScript







1 - Encontre isso (sem os espaços):



 < /body >







2 - E cole isso acima, saltando uma linha:




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


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

Postado a pedido do Leitor Luan  


.