Limpa os float da busca

Colocar numeração nas paginas do blog

Categoria:
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. 
Image and video hosting by TinyPic

Entre na pagina editar HTML e cole o trecho abaixo: antes de /b:skin

.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;
}
 Depois você pode personalizar facilmente apenas trocado as cores das letras, fundo e bordas, onde está:
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
Image and video hosting by TinyPic




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

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

Banner


Parceiros

Comunidade


Pesquise no blog:

adicione aos favoritos

Adicione aos Favoritos Adicione aos Favoritos
Clique no navegador usado para adicionar aos favoritos.

Ultimas postagens

TOPO

Baixando Cell, Download Grátis, Baixar Jogos , download Aplicativos, Baixar Filmes 3GP, Programas, Tutoriais... Turbine seu Celular Aqui, Os Melhores Aplicativos, Programas , Jogos ,Filmes 3GP, tutoriais e Muito Mais Muito Mais, Para Você Turbinar seu Celular.Tudo Livre de Virus Spam, ETC, Tudo de Primeira Mão para Você, Espero que Goste do Site e Seja Muito Bem Vindo.Volte Sempre