Bleeding Hackers © - Aprender aqui é facil!: [Tutorial] Blog

[Tutorial] Blog - Páginas numeradas

.:ChouZ.II:.

Quer ter suas páginas do blog numeradas? Mto fácil, é só seguir os passos abaixo:

1- Vá em Design/Editar Html(sem marcar "Expandir modelos de widget")

2- Procure a tag:

]]>

3- Acima de um enter de espaço cole o código abaixo:

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

4- Agora guarde e depois procura pela tag:

5- Cole acima, com um enter de espaço o código seguinte:

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

6- Se quiser fazer alterações veja abaixo algumas indicações, se não guarde e aproveite :D

Obs: Não se esqueça de retirar os asteriscos(*) acima!

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

Seja o Primeiro a Comentar! »