quarta-feira, 10 de novembro de 2010

Paginação Numerada para Blogger

Muitos de voces ja devem ter visto em blogs hospedados no Wordpress que tem paginação numerada invés de Postagens mais antigas e Postagens recentes, e querem colocar no seu blog, hoje estarei ensinando.

cole o código a seguir antes de ]]</b:skin>:

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

Cole o código a seguir antes de </body>:

&lt;script type=&#39;text/javascript&#39;&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord =&#39;&#171; Anterior&#39;;
var downPageWord =&#39;Proxima &#187;&#39;;
&lt;/script&gt;
&lt;script src=&#39;http://henriquemarley.webs.com/js/paginacaonumerada.js&#39; type=&#39;text/javascript&#39;&gt;&lt;/script&gt;

O primeiro 5 é o numero de paginas que aparecerão na navegação, e o segundo é o numero de postagens que aparecerão por pagina.
Altere de acordo com o seu gosto.

Marcadores: , ,

2 Comentários:

Às 26 de julho de 2011 00:30 , Blogger Gustavo Braga disse...

Muito bom, so colocar <./.script.> (sem os pontos) no final do segundo codigo. ^^

 
Às 13 de fevereiro de 2013 15:07 , Blogger Caio Gonçalves disse...

muito obrigado!!

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial