ATENÇÃO ESTE CODIGO E PARECIDO COM O DO DICAS PARA BLOG MAIS FOI MODIFICADO POI O DO DICA PARA BLOGS ESTA INDO PRA ULTIMAS POSTAGEM E ESSE ESTA CORRIGIDO O BUG
Para colocar numeração nas paginas do blog parecido com a numeração das paginas de busca do Google ou Yahoo que no final da pagina mostra em qual página você está e quantas têm antes e depois dela, usamos um código em duas partes.
Primeiro vamos colocar a formatação em CSS, isso controla a aparência da numeração, entre na pagina editar HTML e coloque isso junto com o restante dos estilos, sugerimos colocar logo depois do body, assim ficará mais fácil localizar para futuras alterações.
Primeiro vamos colocar a formatação em CSS, isso controla a aparência da numeração, entre na pagina editar HTML e coloque isso junto com o restante dos estilos, sugerimos colocar logo depois do body, assim ficará mais fácil localizar para futuras alterações.
Entre na pagina editar HTML e cole o trecho abaixo: antes de /b:skin
Depois você pode personalizar facilmente apenas trocado as cores das letras, fundo e bordas, onde está:.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
border: 1px solid #ccc; é a cor e estilo da borda
background-color:#ccc; é a cor de fundo
Isso aparece varias vezes no código então sugerimos que modifique todos da mesma maneira senão quando exibir a numeração que não seja na primeira pagina, elas podem aparecer de cores diferentes, mas isso é uma questão de gosto, portanto depois que instalar a numeração façam os testes e deixem com as cores que gostarem mais.
Agora clique para VISUALIZE para verificar se nao a erros, vera que nada aconteu pois agora que vem o SEGREDO..
Va ate o final do html
codigo:
e coloque o codigo antes da tag de fechamento body igual na imagem.
Não adianta visualizar pois nada acontecera agora salve entre no seu blog vc ainda podera ver o antigo proxima postagens e so questao de tempo com 30 segundos no maximo aparecera a sua numeração de paginas é totalmente funcional sem bugs ok ;)
Modificações Possiveis
var pageCount=8; -- Numero de postagens em cada pagina
var displayPageNum=6; -- quantidade de numerações na barra (1-2-3-4-5-6)
var downPageWord ='Próxima'; -- botão proxima pagina
var upPageWord ='Anterior' -- botão pagina anterior
var displayPageNum=6; -- quantidade de numerações na barra (1-2-3-4-5-6)
var downPageWord ='Próxima'; -- botão proxima pagina
var upPageWord ='Anterior' -- botão pagina anterior
PS: aproposito sobre aparecer o antigo proxima postagens por alguns segundos é que o codigo da numeração esta no final do seu html entao o seu site tem que carregar por completo para aparecer a numeração
0 comentários:
Postar um comentário